Sets body background using nuxt.config.js

cmpadden · cmpadden · commit 4805f38ef7bd · 2025-06-20T12:21:13.000-04:00
diff --git a/app.vue b/app.vue
@@ -17,9 +17,7 @@ useSeoMeta({
 </script>
 
 <template>
-  <body class="bg-background">
-    <NuxtLayout>
-      <NuxtPage />
-    </NuxtLayout>
-  </body>
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
 </template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -3,6 +3,14 @@ export default defineNuxtConfig({
   components: true,
   modules: ["@nuxt/content", "@nuxtjs/tailwindcss", "nuxt-headlessui"],
 
+  app: {
+    head: {
+      bodyAttrs: {
+        class: 'bg-background'
+      }
+    }
+  },
+
   // Optionally change the default prefix.
   headlessui: {
     prefix: "Headless",
