From c547f88735d6485b0d813f5d97f9d6a72f689589 Mon Sep 17 00:00:00 2001
From: KUN1007 <yuyuyukunkunkun@gmail.com>
Date: Fri, 26 May 2023 20:34:01 +0800
Subject: [PATCH] complete main page aside? use anti-moe instead unmoe

---
 .vscode/settings.json                            |  3 ++-
 .../setting-panel/KUNGalgameSettingPanel.vue     |  3 +--
 .../setting-panel/components/Background.vue      |  3 ---
 src/language/en.ts                               |  4 ++++
 src/language/zh.ts                               | 11 +++++++++++
 src/router/index.ts                              |  6 +++---
 src/views/Home/content/MainPageContent.vue       |  2 +-
 src/views/Home/content/aside/MainPageAside.vue   | 16 ++++++++++++----
 src/views/Home/content/aside/aside-item.ts       |  2 +-
 .../{unmoe/Unmoe.vue => anti-moe/AntiMoe.vue}    |  0
 src/views/kungalgame/KUNGalgame.vue              |  2 +-
 11 files changed, 36 insertions(+), 16 deletions(-)
 rename src/views/{unmoe/Unmoe.vue => anti-moe/AntiMoe.vue} (100%)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index d6dc7415..2a8695d6 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -8,11 +8,12 @@
     "kungal",
     "kungalgame",
     "kungalgamer",
+    "Licence",
     "loli",
     "moemoepoint",
     "Pinia",
     "sina",
-    "unmoe",
+    "anti-moe",
     "weixin"
   ],
   "i18n-ally.localesPaths": ["src/language"]
diff --git a/src/components/setting-panel/KUNGalgameSettingPanel.vue b/src/components/setting-panel/KUNGalgameSettingPanel.vue
index e883bbac..626814f6 100644
--- a/src/components/setting-panel/KUNGalgameSettingPanel.vue
+++ b/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'
-
 /*
  * 网站的语言设置
  */
diff --git a/src/components/setting-panel/components/Background.vue b/src/components/setting-panel/components/Background.vue
index cbf868dc..0467a7ba 100644
--- a/src/components/setting-panel/components/Background.vue
+++ b/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>
diff --git a/src/language/en.ts b/src/language/en.ts
index 5662d708..14ff3017 100644
--- a/src/language/en.ts
+++ b/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: {
diff --git a/src/language/zh.ts b/src/language/zh.ts
index 5795cd66..4a04a7f4 100644
--- a/src/language/zh.ts
+++ b/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: `今日最新话题`,
     },
diff --git a/src/router/index.ts b/src/router/index.ts
index 752ca35c..d40d44f6 100644
--- a/src/router/index.ts
+++ b/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',
diff --git a/src/views/Home/content/MainPageContent.vue b/src/views/Home/content/MainPageContent.vue
index be2f1f8f..4f152694 100644
--- a/src/views/Home/content/MainPageContent.vue
+++ b/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)
diff --git a/src/views/Home/content/aside/MainPageAside.vue b/src/views/Home/content/aside/MainPageAside.vue
index bd1dbe4c..d9d93282 100644
--- a/src/views/Home/content/aside/MainPageAside.vue
+++ b/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>
diff --git a/src/views/Home/content/aside/aside-item.ts b/src/views/Home/content/aside/aside-item.ts
index 82772d2f..c808b277 100644
--- a/src/views/Home/content/aside/aside-item.ts
+++ b/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
diff --git a/src/views/unmoe/Unmoe.vue b/src/views/anti-moe/AntiMoe.vue
similarity index 100%
rename from src/views/unmoe/Unmoe.vue
rename to src/views/anti-moe/AntiMoe.vue
diff --git a/src/views/kungalgame/KUNGalgame.vue b/src/views/kungalgame/KUNGalgame.vue
index 36132f6f..f0b0e20e 100644
--- a/src/views/kungalgame/KUNGalgame.vue
+++ b/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: '/' },