From cefce9effbc6969100ca9e6a02ce5c749d8ad029 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Tue, 21 May 2024 19:05:15 +0800
Subject: [PATCH] update

---
 components/i/Nav.vue           | 7 +++++++
 components/i/SearchHistory.vue | 5 +++++
 layouts/default.vue            | 9 ++++++---
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/components/i/Nav.vue b/components/i/Nav.vue
index 3c78828..3301a9f 100644
--- a/components/i/Nav.vue
+++ b/components/i/Nav.vue
@@ -7,6 +7,7 @@
             size="md"
             label="首页"
             to="/"
+            @click="handleClickItem"
         />
         <UButton
             leading-icon="i-heroicons-rectangle-stack"
@@ -15,6 +16,7 @@
             size="md"
             label="收藏夹"
             to="/library"
+            @click="handleClickItem"
         />
         <ISearchHistory @sign="handleOpenSign" />
         <UButton
@@ -31,11 +33,16 @@
 </template>
 <script setup>
 const { $isSignIn } = useUserStore()
+const Layout = inject('Layout')
 const isOpenSign = ref(false)
 const handleOpenSign = () => {
     isOpenSign.value = true
+    handleClickItem()
 }
 const handleCloseSign = () => {
     isOpenSign.value = false
 }
+function handleClickItem () {
+    Layout.handleToggleAside()
+}
 </script>
diff --git a/components/i/SearchHistory.vue b/components/i/SearchHistory.vue
index 904191e..74c002d 100644
--- a/components/i/SearchHistory.vue
+++ b/components/i/SearchHistory.vue
@@ -24,6 +24,7 @@
                 variant="ghost"
                 size="xs"
                 :to="'/search/' + item.url"
+                @click="handleClickItem"
             >
                 <div class="truncate">{{ item.title }}</div>
             </UButton>
@@ -65,6 +66,7 @@
 </template>
 <script setup>
 const emits = defineEmits(['sign', 'clear'])
+const Layout = inject('Layout')
 const { $isSignIn } = useUserStore()
 const searchHistory = ref([
     {
@@ -98,4 +100,7 @@ function handleOpen () {
 function handleClose () {
     isOpenHistory.value = false
 }
+function handleClickItem () {
+    Layout.handleToggleAside()
+}
 </script>
diff --git a/layouts/default.vue b/layouts/default.vue
index 4043e5e..2726a0b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -12,7 +12,7 @@
             class="fixed top-2 left-2 z-20"
             color="white"
             trailing-icon="i-heroicons-bars-3-20-solid"
-            @click="handleToogleAside"
+            @click="handleToggleAside"
         />
         <USlideover
             class="w-64"
@@ -24,7 +24,7 @@
                 class="absolute top-2 right-2 z-20"
                 color="white"
                 trailing-icon="i-heroicons-x-mark-20-solid"
-                @click="handleToogleAside"
+                @click="handleToggleAside"
             />
             <IAside />
         </USlideover>
@@ -32,7 +32,10 @@
 </template>
 <script setup>
 const isOpenAside = ref(false)
-const handleToogleAside = () => {
+const handleToggleAside = () => {
     isOpenAside.value = !isOpenAside.value
 }
+provide('Layout', {
+    handleToggleAside
+})
 </script>
-- 
GitLab