From 1d303ab909817305a82f777074c63bf430eeea2e Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 10 Jun 2024 15:59:30 +0200
Subject: [PATCH] playground: use `app.head` instead of `useHead`

---
 playground/app.vue        | 6 ------
 playground/nuxt.config.ts | 7 +++++++
 2 files changed, 7 insertions(+), 6 deletions(-)

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']
 })