From a26254afcf47dbe1269813ddf4e877d81fa008a5 Mon Sep 17 00:00:00 2001
From: ZTL-UwU <zhangtianli2006@163.com>
Date: Sat, 25 May 2024 12:04:25 +0800
Subject: [PATCH] feat: search config

Signed-off-by: ZTL-UwU <zhangtianli2006@163.com>
---
 app.config.ts                                   | 4 ++++
 components/layout/Aside.vue                     | 7 ++++---
 components/layout/Header.vue                    | 2 +-
 components/layout/{Header => }/SearchButton.vue | 5 ++++-
 4 files changed, 13 insertions(+), 5 deletions(-)
 rename components/layout/{Header => }/SearchButton.vue (69%)

diff --git a/app.config.ts b/app.config.ts
index b57a6ab9..2ade355c 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -69,5 +69,9 @@ export default defineAppConfig({
       enable: true,
       title: 'On This Page',
     },
+    search: {
+      enable: true,
+      inAside: false,
+    },
   },
 });
diff --git a/components/layout/Aside.vue b/components/layout/Aside.vue
index e4129461..c93ddf9e 100644
--- a/components/layout/Aside.vue
+++ b/components/layout/Aside.vue
@@ -1,7 +1,8 @@
 <template>
   <UiScrollArea orientation="vertical" class="relative overflow-hidden h-full py-6 pr-6 text-sm" type="auto">
     <LayoutHeaderNavMobile v-if="isMobile" class="border-b pb-2 mb-5" />
-    <ul v-if="useLevel" class="pb-4 border-b mb-1">
+    <LayoutSearchButton v-if="config.search.inAside" />
+    <ul v-if="config.aside.useLevel" class="pb-4 border-b mb-1">
       <li v-for="link in navigation" :key="link.id">
         <NuxtLink
           :to="link._path"
@@ -29,12 +30,12 @@ defineProps<{ isMobile: boolean }>();
 
 const { navDirFromPath } = useContentHelpers();
 const { navigation } = useContent();
-const { useLevel } = useConfig().value.aside;
+const config = useConfig();
 
 const tree = computed(() => {
   const route = useRoute();
   const path = route.path.split('/');
-  if (useLevel) {
+  if (config.value.aside.useLevel) {
     const leveledPath = path.splice(0, 2).join('/');
 
     const dir = navDirFromPath(leveledPath, navigation.value);
diff --git a/components/layout/Header.vue b/components/layout/Header.vue
index 2af10eda..e57a310f 100644
--- a/components/layout/Header.vue
+++ b/components/layout/Header.vue
@@ -5,7 +5,7 @@
       <LayoutMobileNav />
       <LayoutHeaderNav class="hidden lg:flex flex-1" />
       <div class="flex flex-1 justify-end gap-2">
-        <LayoutHeaderSearchButton />
+        <LayoutSearchButton v-if="!config.search.inAside" />
         <div class="flex">
           <DarkModeToggle v-if="config.header.darkModeToggle" />
           <NuxtLink
diff --git a/components/layout/Header/SearchButton.vue b/components/layout/SearchButton.vue
similarity index 69%
rename from components/layout/Header/SearchButton.vue
rename to components/layout/SearchButton.vue
index 293a2f3d..8a276264 100644
--- a/components/layout/Header/SearchButton.vue
+++ b/components/layout/SearchButton.vue
@@ -1,7 +1,9 @@
 <template>
   <UiButton
+    v-if="enable"
     variant="outline"
-    class="pr-1.5 h-8 self-center w-full md:w-40 lg:w-64 rounded-lg"
+    class="pr-1.5 h-8 self-center w-full rounded-md"
+    :class="[inAside ? 'mb-4' : 'md:w-40 lg:w-64']"
     @click="isOpen = true"
   >
     <span class="text-muted-foreground overflow-hidden mr-auto">
@@ -17,4 +19,5 @@
 
 <script setup lang="ts">
 const isOpen = ref(false);
+const { enable, inAside } = useConfig().value.search;
 </script>