config

app.config.ts

+export default defineAppConfig({
+    ui: {
+        primary: '#ff6600',
+        gray: 'cool'
+    }
+})

app.vue

 <template>
   <div>
-    <NuxtWelcome />
+      <NuxtPage />
   </div>
 </template>

nuxt.config.ts

 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  devtools: { enabled: true },
-  modules: ["@vite-pwa/nuxt", "@nuxt/ui"]
+    devtools: {
+        enabled: false
+    },
+    modules: [
+        '@vite-pwa/nuxt',
+        '@nuxt/ui'
+    ]
 })
\ No newline at end of file

pages/index.vue

+<template>
+    <h1>Home</h1>
+</template>
+<script>
+    export default {
+        name: 'page-index'
+    }
+</script>
\ No newline at end of file

pages/search/[id].vue

+<script setup lang="ts">
+const colorMode = useColorMode()
+const isDark = computed({
+    get () {
+        return colorMode.value === 'dark'
+    },
+    set () {
+        colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
+    }
+})
+</script>
+<template>
+    <ClientOnly>
+        <UButton
+            :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
+            color="gray"
+            variant="ghost"
+            aria-label="Theme"
+            @click="isDark = !isDark"
+        />
+        <template #fallback>
+            <div class="w-8 h-8" />
+        </template>
+        <UButton>Button</UButton>
+    </ClientOnly>
+</template>

tailwind.config.ts

+import type { Config } from 'tailwindcss'
+import defaultTheme from 'tailwindcss/defaultTheme'
+
+export default <Partial<Config>>{
+    theme: {
+        extend: {
+            colors: {
+                green: {
+                    50: '#EFFDF5',
+                    100: '#D9FBE8',
+                    200: '#B3F5D1',
+                    300: '#75EDAE',
+                    400: '#00DC82',
+                    500: '#00C16A',
+                    600: '#00A155',
+                    700: '#007F45',
+                    800: '#016538',
+                    900: '#0A5331',
+                    950: '#052e16'
+                }
+            }
+        }
+    }
+}