complete main page aside? use anti-moe instead unmoe

.vscode/settings.json

@@ -8,11 +8,12 @@
     "kungal",
     "kungalgame",
     "kungalgamer",
+    "Licence",
     "loli",
     "moemoepoint",
     "Pinia",
     "sina",
-    "unmoe",
+    "anti-moe",
     "weixin"
   ],
   "i18n-ally.localesPaths": ["src/language"]

src/components/setting-panel/KUNGalgameSettingPanel.vue

@@ -1,7 +1,7 @@
 <!-- 设置面板组件，展示整个论坛的设置面板 -->
 <script setup lang="ts">
 // 引入 vue 函数
-import { ref, watch, onMounted } from 'vue'
+import { watch } from 'vue'
 // 引入图标字体
 import { Icon } from '@iconify/vue'
 // 引入看板娘组件
@@ -13,7 +13,6 @@ import { useSettingsPanelStore } from '@/store/modules/settings'
 import { storeToRefs } from 'pinia'
 // 导入 i18n
 import { useI18n } from 'vue-i18n'
-
 /*
  * 网站的语言设置
  */

src/components/setting-panel/components/Background.vue

@@ -1,8 +1,5 @@
 <script setup lang="ts">
 import { useSettingsPanelStore } from '@/store/modules/settings'
-import { storeToRefs } from 'pinia'
-
-const settingsStore = useSettingsPanelStore()
 </script>
 
 <template>

src/language/en.ts

@@ -1,6 +1,10 @@
 export default {
   header: {
     name: 'KUNGalgame',
+    allTopic: 'All TOPIC',
+    createTopic: 'CREATE TOPIC',
+    technology: 'TECHNOLOGY',
+    aboutUs: 'ABOUT US',
   },
   mainPage: {
     asideActive: {

src/language/zh.ts

@@ -1,9 +1,20 @@
 export default {
   header: {
     name: '鲲Galgame',
+    allTopic: '所有帖子',
+    createTopic: '发布帖子',
+    technology: '技术交流',
+    aboutUs: '关于我们',
   },
   mainPage: {
     asideActive: {
+      fold: '折叠左侧区域',
+      update: '更新日志',
+      balance: '收支公示',
+      rank: '排行榜单',
+      regulations: '执行条例',
+      contacts: '加入我们',
+      antiMoe: '不萌记录',
       hot: `今日热门话题`,
       new: `今日最新话题`,
     },

src/router/index.ts

@@ -197,9 +197,9 @@ export const constantRoutes: RouteRecordRaw[] = [
   },
   // KUNGalgame 不萌萌页
   {
-    name: 'Unmoe',
-    path: '/unmoe',
-    component: () => import('@/views/unmoe/Unmoe.vue'),
+    name: 'AntiMoe',
+    path: '/anti-moe',
+    component: () => import('@/views/anti-moe/AntiMoe.vue'),
     meta: {
       title: '不萌萌',
       transition: 'animate__backInUp',

src/views/Home/content/MainPageContent.vue

@@ -4,7 +4,7 @@ import MainPageArticle from './article/MainPageArticle.vue'
 // 导入设置面板 store
 import { useSettingsPanelStore } from '@/store/modules/settings'
 import { storeToRefs } from 'pinia'
-import { computed, watch } from 'vue'
+import { computed } from 'vue'
 // 使用设置面板的 store
 const settingsStore = useSettingsPanelStore()
 const { showMainPageWidth } = storeToRefs(settingsStore)

src/views/Home/content/aside/MainPageAside.vue

@@ -17,13 +17,21 @@ const asideBarStatus = (): boolean => {
 }
 
 const isActive = ref<boolean>(asideBarStatus())
-const asideWidth = isActive.value ? '40px' : '240px'
+const asideWidth = ref('240px')
 const handleFold = () => {
   isActive.value = !isActive.value
 }
-watch(isActive, () => {
-  localStorage.setItem('KUNGalgame-main-page-aside', isActive.value.toString())
-})
+watch(
+  isActive,
+  () => {
+    localStorage.setItem(
+      'KUNGalgame-main-page-aside',
+      isActive.value.toString()
+    )
+    asideWidth.value = isActive.value ? '240px' : '40px'
+  },
+  { immediate: true }
+)
 </script>
 
 <template>

src/views/Home/content/aside/aside-item.ts

@@ -14,7 +14,7 @@ const asideItem: aside[] = [
   { index: 3, name: '排行榜单', router: '/rank' },
   { index: 4, name: '执行条例', router: '/regulations' },
   { index: 5, name: '加入我们', router: '/contacts' },
-  { index: 6, name: '不萌记录', router: '/unmoe' },
+  { index: 6, name: '不萌记录', router: '/anti-moe' },
 ]
 
 export default asideItem

src/views/kungalgame/KUNGalgame.vue

@@ -12,7 +12,7 @@ const asideBarItem: asideBar[] = [
   { index: 2, name: '执行条例', router: '/regulations' },
   { index: 3, name: '更新日志', router: '/update-log' },
   { index: 4, name: '收支公示', router: '/balance' },
-  { index: 5, name: '不萌记录', router: '/unmoe' },
+  { index: 5, name: '不萌记录', router: '/anti-moe' },
   { index: 6, name: '加入我们', router: '/contacts' },
   { index: 7, name: '感谢名单', router: '/thanks-list' },
   { index: 8, name: '返回主页', router: '/' },