add layout

app.vue

 <template>
-  <div>
-      <NuxtPage />
-  </div>
+    <NuxtLayout>
+        <NuxtPage />
+    </NuxtLayout>
 </template>
+<script setup lang="ts">
+
+</script>
\ 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
+<script setup>
+
+</script>

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>
+    <div>
+        Search
+    </div>
 </template>
+<script setup>
+    defineOptions({
+        name: 'page-search`'
+    });
+</script>
\ No newline at end of file