From aed91bcc04d73a6ee5ebe2acbaf0dfd945b4535c Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Mon, 3 Apr 2023 00:00:41 +0800
Subject: [PATCH] fix(sth): v-if

---
 src/components/t-sidebar.vue |  4 +++-
 src/pages/Home.vue           |  6 +++---
 src/store/modules/app.ts     |  2 +-
 src/store/modules/home.ts    | 20 ++++++++++++++------
 4 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/components/t-sidebar.vue b/src/components/t-sidebar.vue
index fd6a6117..8644c367 100644
--- a/src/components/t-sidebar.vue
+++ b/src/components/t-sidebar.vue
@@ -20,7 +20,7 @@
 					<img src="/source/UI/paimon.webp" alt="homeIcon" class="sideIcon" />
 				</template>
 			</v-list-item>
-			<v-list-item title="公告" value="announcements" link href="/announcements">
+			<v-list-item title="公告" value="news" link href="/news">
 				<template v-slot:prepend>
 					<img src="../assets/icons/board.svg" alt="annoIcon" class="sideIcon" />
 				</template>
@@ -56,7 +56,9 @@
 </template>
 
 <script lang="ts" setup>
+// vue
 import { ref } from "vue";
+// store
 import useAppStore from "../store/modules/app";
 
 const appStore = useAppStore();
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 31cf4390..7fbc4a21 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -1,7 +1,7 @@
 <template>
-	<t-pool v-show="homeStore.pool.show" />
-	<t-position v-show="homeStore.position.show" />
-	<t-calendar v-show="homeStore.calendar.show" />
+	<t-pool v-if="homeStore.pool.show" />
+	<t-position v-if="homeStore.position.show" />
+	<t-calendar v-if="homeStore.calendar.show" />
 </template>
 
 <script lang="ts" setup>
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index bb94f48a..1eb78357 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -2,7 +2,7 @@
  * @file store modules app.ts
  * @description App store module
  * @author BTMuli<bt-muli@outlook.com>
- * @since Alpha
+ * @since Alpha v0.1.1
  */
 
 import { defineStore } from "pinia";
diff --git a/src/store/modules/home.ts b/src/store/modules/home.ts
index b45e0280..16deb601 100644
--- a/src/store/modules/home.ts
+++ b/src/store/modules/home.ts
@@ -27,12 +27,20 @@ const useHomeStore = defineStore({
 	},
 	actions: {
 		async init() {
-			this.calendar.show = true;
-			this.calendar.order = 3;
-			this.pool.show = true;
-			this.pool.order = 1;
-			this.position.show = true;
-			this.position.order = 2;
+			this.$state = {
+				calendar: {
+					show: true,
+					order: 3,
+				},
+				pool: {
+					show: true,
+					order: 1,
+				},
+				position: {
+					show: true,
+					order: 2,
+				},
+			};
 		},
 		getShowItem() {
 			return ["素材日历", "限时祈愿", "近期活动"];