ci: fix

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>

app/pages/[...slug].vue

@@ -1,7 +1,11 @@
 <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>

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 }
   },