diff --git a/src/components/AppBar.vue b/src/components/AppBar.vue
index 6663d76..ba2e885 100644
--- a/src/components/AppBar.vue
+++ b/src/components/AppBar.vue
@@ -1,9 +1,13 @@
 <template>
   <!-- <v-app id="nav"> -->
-  <v-navigation-drawer v-model="drawer">
+  <v-navigation-drawer v-model="appStore.navigation_drawer">
     <div class="pa-2">
       <v-btn-group rounded="lg">
-        <v-btn density="default" icon="mdi-close" @click="drawer = !drawer" />
+        <v-btn
+          density="default"
+          icon="mdi-close"
+          @click="appStore.navigation_drawer = !appStore.navigation_drawer"
+        />
 
         <v-btn density="default" icon="mdi-plus" title="创建助理" />
       </v-btn-group>
@@ -39,19 +43,21 @@
   </v-navigation-drawer>
 
   <v-app-bar>
-    <v-app-bar-nav-icon @click="drawer = !drawer" />
+    <v-app-bar-nav-icon
+      @click="appStore.navigation_drawer = !appStore.navigation_drawer"
+    />
 
     <v-app-bar-title>{{ configStore.app_name }}</v-app-bar-title>
   </v-app-bar>
   <!-- </v-app> -->
 </template>
 <script lang="ts" setup>
-import { ref } from "vue";
 import { useConfigStore } from "@/stores/config";
 import { useUserStore } from "@/stores/user";
+import { useAppStore } from "@/stores/app";
 
 const configStore = useConfigStore();
 const userStore = useUserStore();
 
-const drawer = ref(false);
+const appStore = useAppStore();
 </script>
diff --git a/src/stores/app.ts b/src/stores/app.ts
index 650dce6..c5259d4 100644
--- a/src/stores/app.ts
+++ b/src/stores/app.ts
@@ -2,7 +2,8 @@
 import { defineStore } from "pinia";
 
 export const useAppStore = defineStore("app", {
+  persist: true,
   state: () => ({
-    //
+    navigation_drawer: false,
   }),
 });