Fix tailwind config

app/app.vue

@@ -1,5 +1,19 @@
 <template>
-  <NuxtLayout>
+  <div>
+    <NuxtLayout>
     <NuxtPage />
   </NuxtLayout>
+  </div>
 </template>
+
+<script setup lang="ts">
+useHead({
+  bodyAttrs: {
+    class: "flex h-full flex-col bg-zinc-100 text-zinc-700 dark:text-zinc-300 dark:bg-body-dark",
+  },
+  htmlAttrs: {
+    lang: "en",
+    class: "font-body h-full antialiased",
+  },
+});
+</script>

app/components/Header.vue

@@ -51,6 +51,8 @@ const onScroll = () => {
             <div class="lg:hidden">
               <NavLinksMobile :links="links" />
             </div>
+            <ColorModeSwitch />
+
           </div>
         </div>
       </div>

app/layouts/default.vue

@@ -13,14 +13,7 @@
     <!-- background -->
     <v-container class="relative">
       <div class="absolute top-0 right-0">
-        <NuxtImg
-          src="img/bg-glow.png"
-          aria-hidden="true"
-          class="w-[44rem]"
-          format="png"
-          width="944"
-          height="586"
-        />
+
       </div>
     </v-container>