diff --git a/playground/app.vue b/playground/app.vue
index e82483cc..94898c31 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { splitByCase, upperFirst } from 'scule'
 
-useHead({
-  bodyAttrs: {
-    class: 'antialiased font-sans text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900'
-  }
-})
-
 const appConfig = useAppConfig()
 const router = useRouter()
 
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index 77dfa319..6128b88c 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -1,4 +1,11 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  app: {
+    head: {
+      bodyAttrs: {
+        class: 'antialiased font-sans text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900'
+      }
+    }
+  },
   modules: ['../src/module']
 })