diff --git a/app.vue b/app.vue
index fc2270bff10230a3aecda94a3be03776936368bc..30f06c4f891abd2b80980ceb91e1794d17956451 100644
--- a/app.vue
+++ b/app.vue
@@ -1,5 +1,8 @@
 <template>
-  <div>
-      <NuxtPage />
-  </div>
+    <NuxtLayout>
+        <NuxtPage />
+    </NuxtLayout>
 </template>
+<script setup lang="ts">
+
+</script>
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
index 418c43736e21c7057f0921fc961a140a9503ecb8..80d9902c864eedc082189e7231a05b101957ecc9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,8 +1,6 @@
 <template>
-    <h1>Home</h1>
+
 </template>
-<script>
-    export default {
-        name: 'page-index'
-    }
-</script>
\ No newline at end of file
+<script setup>
+
+</script>
diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index ada9d303ae0ad81321bb75709a16e7406346cb6b..d9d952376be6f74ed3da9c91807a7bfab7f03780 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -1,26 +1,10 @@
-<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