diff --git a/components/i/library/create.vue b/components/i/library/create.vue
index 5e10479d718d6afa139006d3804789276b6b83bc..c47b093b3013226508156dd56a71b7c879581f6d 100644
--- a/components/i/library/create.vue
+++ b/components/i/library/create.vue
@@ -1,5 +1,5 @@
 <template>
-    <UModal v-model="isOpenCreate" :ui="{ width: 'w-96 sm:max-w-screen-md' }">
+    <UModal v-model="$isLibraryCreateOpen" :ui="{ width: 'w-96 sm:max-w-screen-md' }">
         <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
             <template #header>
                 <div class="flex items-center justify-between">
@@ -49,14 +49,14 @@
     </UModal>
 </template>
 <script setup>
-const isOpenCreate = ref(false)
+const { $isLibraryCreateOpen } = storeToRefs(useLibraryStore())
+const { $openLibraryCreate, $closeLibraryCreate } = useLibraryStore()
 const title = ref('')
 const description = ref('')
 function handleClose () {
-    isOpenCreate.value = false
+    $closeLibraryCreate()
 }
 function handleOpen () {
-    isOpenCreate.value = true
+    $openLibraryCreate
 }
-defineExpose({ handleOpen })
 </script>
diff --git a/components/i/library/select.vue b/components/i/library/select.vue
index e363c1893dd821c809b46464d9861e33fe73cc6e..ce357dc7ed992a68389f7c99aa2e61883509659c 100644
--- a/components/i/library/select.vue
+++ b/components/i/library/select.vue
@@ -1,5 +1,5 @@
 <template>
-    <UModal v-model="isOpenSelect" :ui="{ width: 'w-96 sm:max-w-screen-md' }">
+    <UModal v-model="$isLibrarySelectOpen" :ui="{ width: 'w-96 sm:max-w-screen-md' }">
         <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
             <template #header>
                 <div class="flex items-center justify-between">
@@ -37,17 +37,16 @@
     </UModal>
 </template>
 <script setup>
-const Library = inject('Library')
-const isOpenSelect = ref(false)
+const { $isLibrarySelectOpen } = storeToRefs(useLibraryStore())
+const { $openLibrarySelect, $closeLibrarySelect, $openLibraryCreate } = useLibraryStore()
 function handleClose () {
-    isOpenSelect.value = false
+    $closeLibrarySelect()
 }
 function handleOpen (id) {
-    isOpenSelect.value = true
+    $openLibrarySelect()
 }
-defineExpose({ handleOpen })
 function handleOpenCreate () {
     handleClose()
-    Library.handleOpenCreateLibrary()
+    $openLibraryCreate()
 }
 </script>
diff --git a/components/i/library/thread.vue b/components/i/library/thread.vue
index d301976d4c370d2110b0a272b2bac0d1f72976ab..341a8a934c568569d3c39899e33440dbfdf84f6f 100644
--- a/components/i/library/thread.vue
+++ b/components/i/library/thread.vue
@@ -56,7 +56,7 @@
     <UDivider />
 </template>
 <script setup>
-const Library = inject('Library')
+const { $openLibrarySelect } = useLibraryStore()
 const textColor = 'text-gray-500 dark:text-gray-400'
 const actionItems = [
     [
@@ -85,6 +85,6 @@ const actionItems = [
     ]
 ]
 function handleOpenSelect (id) {
-    Library.handleOpenSelect(id)
+    $openLibrarySelect(id)
 }
 </script>
\ No newline at end of file
diff --git a/components/i/search/Header.vue b/components/i/search/Header.vue
index 92a2f3f75f2486ffd7ff731ea683615eb8bd2cd0..ab620f59f7b8e121958b7e2044d8711d2fb820be 100644
--- a/components/i/search/Header.vue
+++ b/components/i/search/Header.vue
@@ -13,7 +13,13 @@
                     @blur="handleBlurTitle"
                 />
                 <span>/</span>
-                <UButton color="gray" variant="ghost" leading-icon="i-heroicons-plus-20-solid">收藏</UButton>
+                <UButton
+                    color="gray"
+                    variant="ghost"
+                    leading-icon="i-heroicons-plus-20-solid"
+                    label="收藏"
+                    @click="handleOpenSelect"
+                />
             </div>
             <div class="flex gap-2">
                 <ClientOnly>
@@ -68,6 +74,7 @@
         </div>
         <UDivider />
     </header>
+
 </template>
 <script setup>
 const toast = useToast()
diff --git a/layouts/default.vue b/layouts/default.vue
index 0cff00ec77ac60eda2bc6316feae23f79b94d9f3..3e9e143099dc2900f7fbb0b933d3f7c488f35f1c 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -29,6 +29,8 @@
             <IAside />
         </USlideover>
     </div>
+    <ILibraryCreate />
+    <ILibrarySelect />
 </template>
 <script setup>
 const isOpenAside = ref(false)
diff --git a/pages/library.vue b/pages/library.vue
index 58bded2dbd79b04be7a9cabf3a029a113e8cf048..fa9ffab74c893940efa346e4ff87113e9f6dffb3 100644
--- a/pages/library.vue
+++ b/pages/library.vue
@@ -52,21 +52,12 @@
             </div>
         </div>
     </div>
-    <ILibraryCreate ref="refCreate" />
-    <ILibrarySelect ref="refSelect" />
 </template>
 <script setup>
+const { $openLibraryCreate } = useLibraryStore()
 const searchQuery = ref('')
-const refCreate = ref(null)
 function handleOpenCreateLibrary () {
-    refCreate.value.handleOpen()
+    $openLibraryCreate()
 }
-const refSelect = ref(null)
-function handleOpenSelect (id) {
-    refSelect.value.handleOpen(id)
-}
-provide('Library', {
-    handleOpenSelect,
-    handleOpenCreateLibrary
-})
+
 </script>
diff --git a/stores/library.js b/stores/library.js
new file mode 100644
index 0000000000000000000000000000000000000000..beed0020b3669a929eeb2bbb25087b43a5c4f7a4
--- /dev/null
+++ b/stores/library.js
@@ -0,0 +1,30 @@
+import { defineStore } from 'pinia'
+
+export const useLibraryStore = defineStore('library', () => {
+    const $isLibraryCreateOpen = ref(false)
+    const $isLibrarySelectOpen = ref(false)
+    const $selectThreadId = ref('')
+
+    function $openLibraryCreate () {
+        $isLibraryCreateOpen.value = true
+    }
+    function $closeLibraryCreate () {
+        $isLibraryCreateOpen.value = false
+    }
+    function $openLibrarySelect (id) {
+        $isLibrarySelectOpen.value = true
+        if (id) $selectThreadId.value = id
+    }
+    function $closeLibrarySelect () {
+        $isLibrarySelectOpen.value = false
+    }
+
+    return {
+        $isLibraryCreateOpen,
+        $isLibrarySelectOpen,
+        $openLibraryCreate,
+        $closeLibraryCreate,
+        $openLibrarySelect,
+        $closeLibrarySelect
+    }
+})