refactor: replace statusCode with status (#61)

Fixes #60

Author: ben-basten

app/components/PageStandard.vue

@@ -30,14 +30,14 @@ const { data, error } = await useFetch<PageStandardFragment>(
 );
 
 if (error.value) {
-  const statusCode = (error.value as NuxtError).statusCode || 500;
-  if (statusCode === 401) {
+  const status = (error.value as NuxtError).status || 500;
+  if (status === 401) {
     clear();
     await navigateTo({ path: "/login", query: { redirect: path } });
   } else {
     throw createError({
-      statusCode,
-      statusMessage: statusCode === 404 ? "Not Found" : "Something went wrong",
+      status,
+      statusMessage: status === 404 ? "Not Found" : "Something went wrong",
     });
   }
 }

app/error.vue

@@ -21,9 +21,9 @@ const { error } = defineProps({
 });
 
 const message = computed(() => {
-  if (error?.statusCode === 404) {
+  if (error?.status === 404) {
     return "Ope! That page could not be found.";
-  } else if (error?.statusCode === 403) {
+  } else if (error?.status === 403) {
     return "Unauthorized";
   } else {
     return "Something unexpected went wrong.";

app/pages/memory/[uuid].vue

@@ -26,7 +26,7 @@ const uuid = route.params.uuid as string;
 const { data } = await useFetch(`/api/memory/${uuid}`);
 
 if (!data.value) {
-  throw createError({ statusCode: 404, statusMessage: "Memory not found" });
+  throw createError({ status: 404, statusMessage: "Memory not found" });
 }
 
 useHead({

server/api/admin/guests/[id].patch.ts

@@ -14,15 +14,15 @@ export default defineEventHandler(async (event) => {
 
   const id = getRouterParam(event, "id");
   if (!id) {
-    throw createError({ statusCode: 400, message: "Missing guest ID" });
+    throw createError({ status: 400, message: "Missing guest ID" });
   }
 
   const body = await readValidatedBody(event, bodySchema.parse);
 
   const updated = await updateGuest(id, body);
 
   if (!updated.length) {
-    throw createError({ statusCode: 404, message: "Guest not found" });
+    throw createError({ status: 404, message: "Guest not found" });
   }
 
   return updated[0];

server/api/admin/households/[id].patch.ts

@@ -13,15 +13,15 @@ export default defineEventHandler(async (event) => {
 
   const id = getRouterParam(event, "id");
   if (!id) {
-    throw createError({ statusCode: 400, message: "Missing household ID" });
+    throw createError({ status: 400, message: "Missing household ID" });
   }
 
   const body = await readValidatedBody(event, bodySchema.parse);
 
   const updated = await updateHousehold(id, body);
 
   if (!updated.length) {
-    throw createError({ statusCode: 404, message: "Household not found" });
+    throw createError({ status: 404, message: "Household not found" });
   }
 
   return updated[0];

server/api/cms/navigation.get.ts

@@ -21,7 +21,7 @@ export const cachedNavigation = defineCachedFunction(
 
     if (!navigation) {
       throw createError({
-        statusCode: 404,
+        status: 404,
         statusMessage: "Navigation not found",
       });
     }

server/api/cms/standard.get.ts

@@ -21,7 +21,7 @@ export default defineEventHandler(async (event) => {
   const shouldPreview = token === previewSecret;
   if (token && !shouldPreview) {
     throw createError({
-      statusCode: 403,
+      status: 403,
       statusMessage: "Forbidden",
     });
   }
@@ -43,7 +43,7 @@ const cachedPage = defineCachedFunction(
 
     if (!page) {
       throw createError({
-        statusCode: 404,
+        status: 404,
         statusMessage: `Page with slug '${slug}' not found`,
       });
     }

server/api/login.post.ts

@@ -30,7 +30,7 @@ export default defineEventHandler(async (event) => {
   }
 
   throw createError({
-    statusCode: 401,
+    status: 401,
     message: "Invalid password",
   });
 });

server/api/memory/[uuid].get.ts

@@ -6,7 +6,7 @@ export default defineEventHandler(async (event) => {
 
   if (!uuid) {
     throw createError({
-      statusCode: 400,
+      status: 400,
       message: "Missing UUID",
     });
   }
@@ -15,7 +15,7 @@ export default defineEventHandler(async (event) => {
 
   if (!memory) {
     throw createError({
-      statusCode: 404,
+      status: 404,
       message: "Memory not found",
     });
   }

server/api/memory/index.post.ts

@@ -25,7 +25,7 @@ export default defineEventHandler(async (event) => {
       const memory = result[0];
       if (!memory) {
         throw createError({
-          statusCode: 500,
+          status: 500,
           message: "Failed to save story",
         });
       }
@@ -41,7 +41,7 @@ export default defineEventHandler(async (event) => {
       // eslint-disable-next-line no-console
       console.error("Error inserting story:", error);
       throw createError({
-        statusCode: 500,
+        status: 500,
         message: "Failed to save story",
       });
     });