diff --git a/app/app.vue b/app/app.vue
index de1b554..1c47105 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -28,7 +28,7 @@ useSeoMeta({
     <TheHeader />
 
     <UMain>
-      <NuxtPage /> 
+      <NuxtPage />
     </UMain>
 
     <USeparator icon="i-simple-icons-nuxtdotjs" />
@@ -52,4 +52,4 @@ useSeoMeta({
       </template>
     </UFooter>
   </UApp>
-</template>
\ No newline at end of file
+</template>
diff --git a/app/components/TheHeader.vue b/app/components/TheHeader.vue
index 29cbf02..cfd67eb 100644
--- a/app/components/TheHeader.vue
+++ b/app/components/TheHeader.vue
@@ -2,7 +2,10 @@
   <header class="navbar">
     <div class="container">
       <div class="logo">
-        <img src="/spbr-uncolored-nostars-noring.png" alt="Logo" />
+        <img
+          src="/spbr-uncolored-nostars-noring.png"
+          alt="Logo"
+        >
       </div>
 
       <nav class="links">
@@ -13,9 +16,17 @@
       </nav>
 
       <div class="search-box">
-        <input type="text" placeholder="Search" v-model="query" />
+        <input
+          v-model="query"
+          type="text"
+          placeholder="Search"
+        >
         <button class="search-btn">
-          <img src="/search-24.svg" class="icon" alt="Search" />
+          <img
+            src="/search-24.svg"
+            class="icon"
+            alt="Search"
+          >
         </button>
       </div>
     </div>
@@ -108,4 +119,4 @@ const query = ref('')
   filter: brightness(1.2) invert(1);
   transform: scale(1.1);
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/app/pages/[...slug].vue b/app/pages/[...slug].vue
index 280bc94..debfde1 100644
--- a/app/pages/[...slug].vue
+++ b/app/pages/[...slug].vue
@@ -1,15 +1,19 @@
 <template>
   <UContainer class="flex flex-col items-center justify-center py-20 text-center">
-    <h1 class="text-9xl font-bold text-primary">404</h1>
-    <h2 class="text-3xl font-semibold mt-4">Oooooops!</h2>
+    <h1 class="text-9xl font-bold text-primary">
+      404
+    </h1>
+    <h2 class="text-3xl font-semibold mt-4">
+      Oooooops!
+    </h2>
     <p class="text-muted-foreground my-6 max-w-md">
       "/{{ Array.isArray($route.params.slug) ? $route.params.slug.join('/') : $route.params.slug || '' }}" doesn't exist.
     </p>
-    <UButton 
-      to="/" 
-      size="lg" 
-      label="Return to Home" 
-      icon="i-octicon-home-fill-16" 
+    <UButton
+      to="/"
+      size="lg"
+      label="Return to Home"
+      icon="i-octicon-home-fill-16"
     />
   </UContainer>
-</template>
\ No newline at end of file
+</template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 0b7bde8..fa67d0a 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,23 +1,23 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  srcDir: 'app/',
   modules: [
     '@nuxt/eslint',
     '@nuxt/ui'
   ],
 
-  colorMode: {
-    preference: 'dark',
-    fallback: 'dark',
-    storageKey: 'nuxt-color-mode'
-  },
-
   devtools: {
     enabled: true
   },
 
   css: ['~/assets/css/main.css'],
 
+  colorMode: {
+    preference: 'dark',
+    fallback: 'dark',
+    storageKey: 'nuxt-color-mode'
+  },
+  srcDir: 'app/',
+
   routeRules: {
     '/': { prerender: true }
   },
@@ -32,4 +32,4 @@ export default defineNuxtConfig({
       }
     }
   }
-})
\ No newline at end of file
+})