From 75b47e8c93efc1cdc5c289704d0218158b694011 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Tue, 14 May 2024 11:54:34 +0800
Subject: [PATCH] add layout

---
 app.vue               |  9 ++++++---
 pages/index.vue       | 10 ++++------
 pages/search/[id].vue | 32 ++++++++------------------------
 3 files changed, 18 insertions(+), 33 deletions(-)

diff --git a/app.vue b/app.vue
index fc2270b..30f06c4 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 418c437..80d9902 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 ada9d30..d9d9523 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
-- 
GitLab