From 3c6d8ba5f465938ad982b36553a29c1acbc479d4 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Tue, 7 Mar 2023 13:53:44 +0800
Subject: [PATCH] =?UTF-8?q?fix(sidebar):=20=E9=80=9A=E8=BF=87=20pinia=20?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6=E8=8F=9C=E5=8D=95=E6=A0=8F=E6=94=B6=E7=BC=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/t-sidebar.vue | 17 +++++++++++++++--
 src/store/modules/app.ts     | 14 ++++++++++++++
 2 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 src/store/modules/app.ts

diff --git a/src/components/t-sidebar.vue b/src/components/t-sidebar.vue
index 276de299..520ec1cb 100644
--- a/src/components/t-sidebar.vue
+++ b/src/components/t-sidebar.vue
@@ -17,6 +17,12 @@
 				</v-list-item-action>
 			</v-list-item>
 			<!-- 菜单项 -->
+			<v-list-item link href="/">
+				<template v-slot:prepend>
+					<v-icon>mdi-home-outline</v-icon>
+				</template>
+				<v-list-item-title v-show="!rail"> 首页 </v-list-item-title>
+			</v-list-item>
 			<v-list-subheader v-show="!rail">
 				<v-icon>mdi-bug-outline</v-icon>
 				<span> 测试功能 </span>
@@ -54,12 +60,13 @@
 <script lang="ts">
 import { defineComponent } from "vue";
 import { useRouter } from "vue-router";
+import { useAppStore } from "../store/modules/app";
 
 export default defineComponent({
 	name: "TSidebar",
 	data() {
 		return {
-			rail: false,
+			rail: this.getRail(),
 			router: useRouter(),
 		};
 	},
@@ -67,8 +74,14 @@ export default defineComponent({
 		back() {
 			this.router.go(-1);
 		},
+		getRail() {
+			const appStore = useAppStore();
+			return appStore.sidebar.expand;
+		},
 		collapse() {
-			this.rail = !this.rail;
+			const appStore = useAppStore();
+			appStore.sidebar.expand = !appStore.sidebar.expand;
+			this.rail = appStore.sidebar.expand;
 		},
 	},
 });
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
new file mode 100644
index 00000000..41abd76b
--- /dev/null
+++ b/src/store/modules/app.ts
@@ -0,0 +1,14 @@
+import { defineStore } from "pinia";
+
+export const useAppStore = defineStore({
+	id: "app",
+	state: () => {
+		return {
+			// 侧边栏设置
+			sidebar: {
+				expand: true,
+			},
+		};
+	},
+	persist: true,
+});