From 24bb4f16af3cc13749d6b37c463b72d9228cf326 Mon Sep 17 00:00:00 2001
From: Zhao Zuohong <zhbaor@zhaozuohong.vip>
Date: Tue, 19 Sep 2023 15:32:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E5=A4=A7=E5=B0=8F=E5=86=99?=
 =?UTF-8?q?=E5=92=8C=E9=83=A8=E5=88=86=E6=8B=BC=E5=86=99=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=EF=BC=9B=E8=87=AA=E5=8A=A8=E6=A0=BC=E5=BC=8F=E5=8C=96=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/components.d.ts                            |   2 +
 ui/src/App.vue                                | 133 +++++++++++---
 ...sementsetting.vue => BasementSettings.vue} |  20 +-
 .../{Mowersetting.vue => MowerSettings.vue}   |  11 +-
 ui/src/main.js                                |   4 +-
 ui/src/pages/Advanced.vue                     |   2 +-
 ui/src/pages/AdvancedLeft.vue                 |   3 +
 ui/src/pages/Advancedleft.vue                 |   3 -
 ui/src/pages/Doc.vue                          |   1 -
 ui/src/pages/Plan.vue                         | 171 ++++++++++--------
 ui/src/pages/{record.vue => Record.vue}       |   0
 .../pages/{record-line.vue => RecordLine.vue} |   8 +-
 .../pages/{record-pine.vue => RecordPie.vue}  |   3 -
 ui/src/router.js                              | 108 +++++++++--
 14 files changed, 303 insertions(+), 166 deletions(-)
 rename ui/src/components/{Basementsetting.vue => BasementSettings.vue} (92%)
 rename ui/src/components/{Mowersetting.vue => MowerSettings.vue} (96%)
 create mode 100644 ui/src/pages/AdvancedLeft.vue
 delete mode 100644 ui/src/pages/Advancedleft.vue
 rename ui/src/pages/{record.vue => Record.vue} (100%)
 rename ui/src/pages/{record-line.vue => RecordLine.vue} (97%)
 rename ui/src/pages/{record-pine.vue => RecordPie.vue} (99%)

diff --git a/ui/components.d.ts b/ui/components.d.ts
index 2fa78c591..5f5edd100 100644
--- a/ui/components.d.ts
+++ b/ui/components.d.ts
@@ -10,6 +10,7 @@ export {}
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     Basementsetting: typeof import('./src/components/Basementsetting.vue')['default']
+    BasementSettings: typeof import('./src/components/BasementSettings.vue')['default']
     Clue: typeof import('./src/components/Clue.vue')['default']
     Email: typeof import('./src/components/Email.vue')['default']
     HelpText: typeof import('./src/components/HelpText.vue')['default']
@@ -18,6 +19,7 @@ declare module '@vue/runtime-core' {
     MaaRogue: typeof import('./src/components/MaaRogue.vue')['default']
     MaaWeekly: typeof import('./src/components/MaaWeekly.vue')['default']
     Mowersetting: typeof import('./src/components/Mowersetting.vue')['default']
+    MowerSettings: typeof import('./src/components/MowerSettings.vue')['default']
     NButton: typeof import('naive-ui')['NButton']
     NCard: typeof import('naive-ui')['NCard']
     NCheckbox: typeof import('naive-ui')['NCheckbox']
diff --git a/ui/src/App.vue b/ui/src/App.vue
index a0f65df09..af69a5315 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -1,6 +1,11 @@
 <template>
-  <n-config-provider :locale="zhCN" :date-locale="dateZhCN" class="provider"
-    :theme="theme == 'dark' ? darkTheme : undefined" :hljs="hljs">
+  <n-config-provider
+    :locale="zhCN"
+    :date-locale="dateZhCN"
+    class="provider"
+    :theme="theme == 'dark' ? darkTheme : undefined"
+    :hljs="hljs"
+  >
     <n-global-style />
     <n-menu :options="menuOptions" class="menu" />
     <n-dialog-provider>
@@ -9,47 +14,117 @@
   </n-config-provider>
 </template>
 
-
 <script setup>
 import { RouterLink } from 'vue-router'
 const menuOptions = ref([
-  { label: () => h(RouterLink, { to: { path: "/" } }, { default: () => "运行日志" }), key: "go-to-log" },
-  { label: () => h(RouterLink, { to: { path: "/plan" } }, { default: () => "排班编辑" }), key: "go-to-plan" },
   {
-    label: () => "设置",
-    key: "go-to-settings",
+    label: () => h(RouterLink, { to: { path: '/' } }, { default: () => '运行日志' }),
+    key: 'go-to-log'
+  },
+  {
+    label: () => h(RouterLink, { to: { path: '/plan' } }, { default: () => '排班编辑' }),
+    key: 'go-to-plan'
+  },
+  {
+    label: () => '设置',
+    key: 'go-to-settings',
     children: [
-      { label: () => h(RouterLink, { to: { path: "/advancedleft/mower-setting" } }, { default: () => "Mower-设置" }), key: "go-to-mowersetting" },
-      { label: () => h(RouterLink, { to: { path: "/advancedleft/basement-setting" } }, { default: () => "Mower-基建设置" }), key: "go-to-basementsetting" },
-      
-      { label: () => h(RouterLink, { to: { path: "/advancedleft/email" } }, { default: () => "Mower-邮件设置" }), key: "go-to-email" },
-      { label: () => h(RouterLink, { to: { path: "/advancedleft/recruit" } }, { default: () => "公开招募" }), key: "go-to-recruit" },
       {
-        label: () => "maa设置",
-        key: "maa-settings",
+        label: () =>
+          h(
+            RouterLink,
+            { to: { path: '/advancedleft/mower-setting' } },
+            { default: () => 'Mower-设置' }
+          ),
+        key: 'go-to-mowersetting'
+      },
+      {
+        label: () =>
+          h(
+            RouterLink,
+            { to: { path: '/advancedleft/basement-setting' } },
+            { default: () => 'Mower-基建设置' }
+          ),
+        key: 'go-to-basementsetting'
+      },
+
+      {
+        label: () =>
+          h(
+            RouterLink,
+            { to: { path: '/advancedleft/email' } },
+            { default: () => 'Mower-邮件设置' }
+          ),
+        key: 'go-to-email'
+      },
+      {
+        label: () =>
+          h(RouterLink, { to: { path: '/advancedleft/recruit' } }, { default: () => '公开招募' }),
+        key: 'go-to-recruit'
+      },
+      {
+        label: () => 'maa设置',
+        key: 'maa-settings',
         children: [
-          { label: () => h(RouterLink, { to: { path: "/advancedleft/maa-basic" } }, { default: () => "基础设置" }), key: "go-to-maabasic" },
-          { label: () => h(RouterLink, { to: { path: "/advancedleft/maa-weekly" } }, { default: () => "清理智" }), key: "go-to-maaweekly" },
-          { label: () => h(RouterLink, { to: { path: "/advancedleft/clue" } }, { default: () => "线索交流" }), key: "go-to-clue" },
-          { label: () => h(RouterLink, { to: { path: "/advancedleft/maahugmission" } }, { default: () => "肉鸽等" }), key: "go-to-maahugmission" }
+          {
+            label: () =>
+              h(
+                RouterLink,
+                { to: { path: '/advancedleft/maa-basic' } },
+                { default: () => '基础设置' }
+              ),
+            key: 'go-to-maabasic'
+          },
+          {
+            label: () =>
+              h(
+                RouterLink,
+                { to: { path: '/advancedleft/maa-weekly' } },
+                { default: () => '清理智' }
+              ),
+            key: 'go-to-maaweekly'
+          },
+          {
+            label: () =>
+              h(RouterLink, { to: { path: '/advancedleft/clue' } }, { default: () => '线索交流' }),
+            key: 'go-to-clue'
+          },
+          {
+            label: () =>
+              h(
+                RouterLink,
+                { to: { path: '/advancedleft/maahugmission' } },
+                { default: () => '肉鸽等' }
+              ),
+            key: 'go-to-maahugmission'
+          }
         ]
-      },
+      }
       //{ label: () => h(RouterLink, { to: { path: "/advancedleft/sk-land" } }, { default: () => "森空岛签到" }), key: "go-to-skland" },
-      
     ]
   },
   {
-    label: () => "基建报表",
-    key: "building-report",
+    label: () => '基建报表',
+    key: 'building-report',
     children: [
-      { label: () => h(RouterLink, { to: { path: "/record-line" } }, { default: () => "基建报表-折线" }), key: "go-to-record-line" },
-      { label: () => h(RouterLink, { to: { path: "/record-pine" } }, { default: () => "基建报表-饼图" }), key: "go-to-record-pine" }
+      {
+        label: () =>
+          h(RouterLink, { to: { path: '/record-line' } }, { default: () => '基建报表-折线' }),
+        key: 'go-to-record-line'
+      },
+      {
+        label: () =>
+          h(RouterLink, { to: { path: '/record-pie' } }, { default: () => '基建报表-饼图' }),
+        key: 'go-to-record-pie'
+      }
     ]
   },
-  { label: () => h(RouterLink, { to: { path: "/doc" } }, { default: () => "帮助文档" }), key: "go-to-doc" }
+  {
+    label: () => h(RouterLink, { to: { path: '/doc' } }, { default: () => '帮助文档' }),
+    key: 'go-to-doc'
+  }
 ])
 
-
 import { onMounted, inject } from 'vue'
 import { storeToRefs } from 'pinia'
 
@@ -109,7 +184,7 @@ onMounted(async () => {
         end: /'/,
         className: 'operator',
         relevance: 0
-      },  
+      },
       {
         begin: /宿舍黑名单|重设上次房间为空/,
         relevance: 10
@@ -182,11 +257,11 @@ onMounted(async () => {
   flex: 1;
   flex-basis: 20%;
   min-width: 200px;
-  overflow-y: auto
+  overflow-y: auto;
 }
 .router-view {
   flex: 1;
   flex-basis: 80%;
-  overflow-y: auto
+  overflow-y: auto;
 }
 </style>
diff --git a/ui/src/components/Basementsetting.vue b/ui/src/components/BasementSettings.vue
similarity index 92%
rename from ui/src/components/Basementsetting.vue
rename to ui/src/components/BasementSettings.vue
index 5ab475184..03e4825e9 100644
--- a/ui/src/components/Basementsetting.vue
+++ b/ui/src/components/BasementSettings.vue
@@ -16,11 +16,7 @@ const {
   resting_threshold
 } = storeToRefs(config_store)
 
-
-const {
-  ling_xi
-} = storeToRefs(plan_store)
-
+const { ling_xi } = storeToRefs(plan_store)
 
 const { operators } = storeToRefs(plan_store)
 
@@ -29,13 +25,10 @@ const { left_side_facility } = plan_store
 const facility_with_empty = computed(() => {
   return [{ label: '（加速贸易站）', value: '' }].concat(left_side_facility)
 })
-
-
-
 </script>
 
 <template>
-  <div class="home-container ">
+  <div class="home-container">
     <n-card title="基建设置">
       <table class="riic-conf">
         <tr>
@@ -99,12 +92,7 @@ const facility_with_empty = computed(() => {
           <td colspan="2">
             <div class="threshold">
               <n-slider v-model:value="resting_threshold" :step="0.05" :min="0.5" :max="0.8" />
-              <n-input-number
-                v-model:value="resting_threshold"
-                :step="0.05"
-                :min="0.5"
-                :max="1"
-              />
+              <n-input-number v-model:value="resting_threshold" :step="0.05" :min="0.5" :max="1" />
             </div>
           </td>
         </tr>
@@ -120,8 +108,6 @@ const facility_with_empty = computed(() => {
   gap: 14px;
 }
 
-
-
 .riic-conf {
   width: 100%;
 
diff --git a/ui/src/components/Mowersetting.vue b/ui/src/components/MowerSettings.vue
similarity index 96%
rename from ui/src/components/Mowersetting.vue
rename to ui/src/components/MowerSettings.vue
index 416d2879e..a6e1f93f4 100644
--- a/ui/src/components/Mowersetting.vue
+++ b/ui/src/components/MowerSettings.vue
@@ -1,13 +1,10 @@
 <script setup>
-
 import { useConfigStore } from '@/stores/config'
 
 import { storeToRefs } from 'pinia'
 
-
 const config_store = useConfigStore()
 
-
 const {
   run_mode,
 
@@ -23,7 +20,6 @@ const {
   screenshot
 } = storeToRefs(config_store)
 
-
 const simulator_types = [
   { label: '夜神', value: '夜神' },
   { label: 'MuMu模拟器12', value: 'MuMu12' },
@@ -46,7 +42,7 @@ async function select_simulator_folder() {
 </script>
 
 <template>
-  <div class="home-container ">
+  <div class="home-container">
     <n-card title="Mower设置">
       <table class="mower-basic">
         <tr>
@@ -128,7 +124,9 @@ async function select_simulator_folder() {
         </tr>
         <tr>
           <td colspan="3">
-            <n-checkbox v-model:checked="exit_game_when_idle">任务结束后退出游戏以降低功耗</n-checkbox>
+            <n-checkbox v-model:checked="exit_game_when_idle"
+              >任务结束后退出游戏以降低功耗</n-checkbox
+            >
           </td>
         </tr>
         <tr>
@@ -183,7 +181,6 @@ async function select_simulator_folder() {
   }
 }
 
-
 .coord {
   td {
     width: 120px;
diff --git a/ui/src/main.js b/ui/src/main.js
index e76b465ec..4e985ee6f 100644
--- a/ui/src/main.js
+++ b/ui/src/main.js
@@ -1,12 +1,12 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import App from './App.vue'
-import router from './router';
+import router from './router'
 import axios from 'axios'
 import VueAxios from 'vue-axios'
 
 const app = createApp(App)
-app.use(router);
+app.use(router)
 app.use(VueAxios, axios)
 app.provide('axios', app.config.globalProperties.axios)
 app.use(createPinia())
diff --git a/ui/src/pages/Advanced.vue b/ui/src/pages/Advanced.vue
index 1f71ffd0a..159fb0bf1 100644
--- a/ui/src/pages/Advanced.vue
+++ b/ui/src/pages/Advanced.vue
@@ -253,7 +253,7 @@ async function select_simulator_folder() {
     </n-card>
     <maa-basic />
     <email />
-<!--    <SKLand/>-->
+    <!--    <SKLand/>-->
   </div>
 </template>
 
diff --git a/ui/src/pages/AdvancedLeft.vue b/ui/src/pages/AdvancedLeft.vue
new file mode 100644
index 000000000..98240aef8
--- /dev/null
+++ b/ui/src/pages/AdvancedLeft.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/ui/src/pages/Advancedleft.vue b/ui/src/pages/Advancedleft.vue
deleted file mode 100644
index 621cb5a8e..000000000
--- a/ui/src/pages/Advancedleft.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-    <router-view/>
-</template>
\ No newline at end of file
diff --git a/ui/src/pages/Doc.vue b/ui/src/pages/Doc.vue
index d22363f44..9bae220d8 100644
--- a/ui/src/pages/Doc.vue
+++ b/ui/src/pages/Doc.vue
@@ -3,7 +3,6 @@ const doc_url = 'https://arkmowers.github.io/arknights-mower/'
 </script>
 
 <template>
-
   <iframe :src="doc_url" sandbox="allow-popups allow-scripts"></iframe>
 </template>
 
diff --git a/ui/src/pages/Plan.vue b/ui/src/pages/Plan.vue
index fcb16fdbb..fbc7fa14d 100644
--- a/ui/src/pages/Plan.vue
+++ b/ui/src/pages/Plan.vue
@@ -36,86 +36,99 @@ async function open_plan_file() {
 
 <template>
   <div class="home-container external-container no-grow">
-  <div class="home-container external-container no-grow">
-    <table>
-      <tr>
-        <td>排班表：</td>
-        <td>
-          <n-input v-model:value="plan_file"></n-input>
-        </td>
-        <td>
-          <n-button @click="open_plan_file">...</n-button>
-        </td>
-      </tr>
-    </table>
-  </div>
-  <plan-editor />
-  <div class="home-container external-container no-grow">
-    <n-divider />
+    <div class="home-container external-container no-grow">
+      <table>
+        <tr>
+          <td>排班表：</td>
+          <td>
+            <n-input v-model:value="plan_file"></n-input>
+          </td>
+          <td>
+            <n-button @click="open_plan_file">...</n-button>
+          </td>
+        </tr>
+      </table>
+    </div>
+    <plan-editor />
+    <div class="home-container external-container no-grow">
+      <n-divider />
+    </div>
+    <div class="home-container external-container no-grow">
+      <table>
+        <tr>
+          <td>
+            令夕模式（令夕上班时起作用）<help-text>
+              <div>启动Mower前需要手动对齐心情</div>
+              <div>感知：夕心情-令心情=12</div>
+              <div>烟火：令心情-夕心情=12</div>
+              <div>均衡：夕令心情一样</div>
+            </help-text>
+          </td>
+          <td colspan="3">
+            <n-radio-group v-model:value="ling_xi">
+              <n-space>
+                <n-radio :value="'1'">感知信息</n-radio>
+                <n-radio :value="'2'">人间烟火</n-radio>
+                <n-radio :value="'3'">均衡模式</n-radio>
+              </n-space>
+            </n-radio-group>
+          </td>
+        </tr>
+        <tr>
+          <td>
+            最大组人数<help-text> <div>请查阅文档</div></help-text>
+          </td>
+          <td>
+            <n-input v-model:value="max_resting_count"></n-input>
+          </td>
+        </tr>
+        <tr>
+          <td>
+            需要回满心情的干员<help-text> <div>请查阅文档</div> </help-text>
+          </td>
+          <td colspan="3">
+            <n-select multiple filterable tag :options="operators" v-model:value="rest_in_full" />
+          </td>
+        </tr>
+        <tr>
+          <td>
+            需要用尽心情的干员<help-text> <div>仅推荐写入具有暖机技能的干员</div></help-text>
+          </td>
+          <td colspan="3">
+            <n-select
+              multiple
+              filterable
+              tag
+              :options="operators"
+              v-model:value="exhaust_require"
+            />
+          </td>
+        </tr>
+        <tr>
+          <td>
+            0心情工作的干员<help-text> <div>心情涣散状态任能触发技能的干员</div></help-text>
+          </td>
+          <td colspan="3">
+            <n-select multiple filterable tag :options="operators" v-model:value="workaholic" />
+          </td>
+        </tr>
+        <tr>
+          <td>
+            宿舍低优先级干员<help-text> <div>请查阅文档</div></help-text>
+          </td>
+          <td colspan="3">
+            <n-select
+              multiple
+              filterable
+              tag
+              :options="operators"
+              v-model:value="resting_priority"
+            />
+          </td>
+        </tr>
+      </table>
+    </div>
   </div>
-  <div class="home-container external-container no-grow">
-    <table>
-      <tr>
-        <td>
-          令夕模式（令夕上班时起作用）<help-text>
-            <div>启动Mower前需要手动对齐心情</div>
-            <div>感知：夕心情-令心情=12</div>
-            <div>烟火：令心情-夕心情=12</div>
-            <div>均衡：夕令心情一样</div>
-          </help-text>
-        </td>
-        <td colspan="3">
-          <n-radio-group v-model:value="ling_xi">
-            <n-space>
-              <n-radio :value="'1'">感知信息</n-radio>
-              <n-radio :value="'2'">人间烟火</n-radio>
-              <n-radio :value="'3'">均衡模式</n-radio>
-            </n-space>
-          </n-radio-group>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          最大组人数<help-text> <div>请查阅文档</div></help-text>
-        </td>
-        <td>
-          <n-input v-model:value="max_resting_count"></n-input>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          需要回满心情的干员<help-text> <div>请查阅文档</div> </help-text>
-        </td>
-        <td colspan="3">
-          <n-select multiple filterable tag :options="operators" v-model:value="rest_in_full" />
-        </td>
-      </tr>
-      <tr>
-        <td>
-          需要用尽心情的干员<help-text> <div>仅推荐写入具有暖机技能的干员</div></help-text>
-        </td>
-        <td colspan="3">
-          <n-select multiple filterable tag :options="operators" v-model:value="exhaust_require" />
-        </td>
-      </tr>
-      <tr>
-        <td>
-          0心情工作的干员<help-text> <div>心情涣散状态任能触发技能的干员</div></help-text>
-        </td>
-        <td colspan="3">
-          <n-select multiple filterable tag :options="operators" v-model:value="workaholic" />
-        </td>
-      </tr>
-      <tr>
-        <td>
-          宿舍低优先级干员<help-text> <div>请查阅文档</div></help-text>
-        </td>
-        <td colspan="3">
-          <n-select multiple filterable tag :options="operators" v-model:value="resting_priority" />
-        </td>
-      </tr>
-    </table>
-  </div></div>
 </template>
 
 <style scoped lang="scss">
diff --git a/ui/src/pages/record.vue b/ui/src/pages/Record.vue
similarity index 100%
rename from ui/src/pages/record.vue
rename to ui/src/pages/Record.vue
diff --git a/ui/src/pages/record-line.vue b/ui/src/pages/RecordLine.vue
similarity index 97%
rename from ui/src/pages/record-line.vue
rename to ui/src/pages/RecordLine.vue
index a4868eb98..fd63342b5 100644
--- a/ui/src/pages/record-line.vue
+++ b/ui/src/pages/RecordLine.vue
@@ -1,7 +1,6 @@
 <template>
   <div>
-
-      <h1 class="page-title">干员基建报表</h1>
+    <h1 class="page-title">干员基建报表</h1>
 
     <div class="report-container">
       <div v-for="(groupData, index) in reportData" :key="index" class="report-card">
@@ -83,8 +82,6 @@ const chartOptions = ref({
     }
   }
 })
-
-
 </script>
 
 <style scoped>
@@ -138,4 +135,5 @@ h2 {
 .report-switch button.active {
   background-color: #007bff;
   color: white;
-}</style>
+}
+</style>
diff --git a/ui/src/pages/record-pine.vue b/ui/src/pages/RecordPie.vue
similarity index 99%
rename from ui/src/pages/record-pine.vue
rename to ui/src/pages/RecordPie.vue
index 2503bc9e8..772dff3b3 100644
--- a/ui/src/pages/record-pine.vue
+++ b/ui/src/pages/RecordPie.vue
@@ -1,6 +1,5 @@
 <template>
   <div>
-
     <h1 class="page-title">干员基建报表</h1>
     <div class="report-container">
       <div v-for="(groupData, index) in reportData" :key="index" class="report-card">
@@ -56,7 +55,6 @@ onMounted(async () => {
 
 // Chart.js options
 
-
 const pieOptions = ref({
   plugins: {
     datalabels: {
@@ -75,7 +73,6 @@ const pieOptions = ref({
 
 // 添加状态变量来切换报表
 const currentReport = ref('mood') // 默认显示干员心情报表
-
 </script>
 
 <style scoped>
diff --git a/ui/src/router.js b/ui/src/router.js
index 556f96812..ab6dec21f 100644
--- a/ui/src/router.js
+++ b/ui/src/router.js
@@ -1,34 +1,104 @@
-import { createRouter, createWebHistory } from 'vue-router';
+import { createRouter, createWebHistory } from 'vue-router'
 
 const routes = [
   { path: '/', redirect: '/home', meta: { title: 'Redirect to Home' }, name: 'root' },
-  { path: '/home', component: () => import('@/pages/Home.vue'), meta: { title: 'Home Page' }, name: 'home' },
-  { path: '/plan', component: () => import('@/pages/Plan.vue'), meta: { title: 'Plan Page' }, name: 'plan' },
+  {
+    path: '/home',
+    component: () => import('@/pages/Home.vue'),
+    meta: { title: 'Home Page' },
+    name: 'home'
+  },
+  {
+    path: '/plan',
+    component: () => import('@/pages/Plan.vue'),
+    meta: { title: 'Plan Page' },
+    name: 'plan'
+  },
   {
     path: '/advancedleft',
     component: () => import('@/pages/AdvancedLeft.vue'),
     meta: { title: 'Advanced Left Page' },
     name: 'advancedleft',
     children: [
-      { path: 'mower-setting', component: () => import('@/components/MowerSetting.vue'), meta: { title: 'Mower Setting Page' }, name: 'mower-setting' },
-      { path: 'basement-setting', component: () => import('@/components/BasementSetting.vue'), meta: { title: 'Basement Setting Page' }, name: 'basement-setting' },
-      { path: 'clue', component: () => import('@/components/Clue.vue'), meta: { title: 'Clue Page' }, name: 'clue' },
-      { path: 'email', component: () => import('@/components/Email.vue'), meta: { title: 'Email Page' }, name: 'email' },
-      { path: 'maa-basic', component: () => import('@/components/MAABasic.vue'), meta: { title: 'MAA Basic Page' }, name: 'maa-basic' },
-      { path: 'maahugmission', component: () => import('@/components/Maahugmission.vue'), meta: { title: 'MAA Hug Mission Page' }, name: 'maahugmission' },
-      { path: 'maa-weekly', component: () => import('@/components/MaaWeekly.vue'), meta: { title: 'MAA Weekly Page' }, name: 'maa-weekly' },
-      { path: 'sk-land', component: () => import('@/components/SKLand.vue'), meta: { title: 'SK Land Page' }, name: 'sk-land' },
-      { path: 'recruit', component: () => import('@/components/Recruit.vue'), meta: { title: 'Recruit Page' }, name: 'recruit' }
+      {
+        path: 'mower-setting',
+        component: () => import('@/components/MowerSettings.vue'),
+        meta: { title: 'Mower Setting Page' },
+        name: 'mower-setting'
+      },
+      {
+        path: 'basement-setting',
+        component: () => import('@/components/BasementSettings.vue'),
+        meta: { title: 'Basement Setting Page' },
+        name: 'basement-setting'
+      },
+      {
+        path: 'clue',
+        component: () => import('@/components/Clue.vue'),
+        meta: { title: 'Clue Page' },
+        name: 'clue'
+      },
+      {
+        path: 'email',
+        component: () => import('@/components/Email.vue'),
+        meta: { title: 'Email Page' },
+        name: 'email'
+      },
+      {
+        path: 'maa-basic',
+        component: () => import('@/components/MaaBasic.vue'),
+        meta: { title: 'MAA Basic Page' },
+        name: 'maa-basic'
+      },
+      {
+        path: 'maahugmission',
+        component: () => import('@/components/Maahugmission.vue'),
+        meta: { title: 'MAA Hug Mission Page' },
+        name: 'maahugmission'
+      },
+      {
+        path: 'maa-weekly',
+        component: () => import('@/components/MaaWeekly.vue'),
+        meta: { title: 'MAA Weekly Page' },
+        name: 'maa-weekly'
+      },
+      {
+        path: 'sk-land',
+        component: () => import('@/components/SKLand.vue'),
+        meta: { title: 'SK Land Page' },
+        name: 'sk-land'
+      },
+      {
+        path: 'recruit',
+        component: () => import('@/components/Recruit.vue'),
+        meta: { title: 'Recruit Page' },
+        name: 'recruit'
+      }
     ]
   },
-  { path: '/doc', component: () => import('@/pages/Doc.vue'), meta: { title: 'Documentation Page' }, name: 'doc' },
-  { path: '/record-line', component: () => import('@/pages/Record-line.vue'), meta: { title: 'Record Page-line' }, name: 'record-line' },
-  { path: '/record-pine', component: () => import('@/pages/Record-pine.vue'), meta: { title: 'Record Page-pine' }, name: 'record-pine' },
-];
+  {
+    path: '/doc',
+    component: () => import('@/pages/Doc.vue'),
+    meta: { title: 'Documentation Page' },
+    name: 'doc'
+  },
+  {
+    path: '/record-line',
+    component: () => import('@/pages/RecordLine.vue'),
+    meta: { title: 'Record Page-line' },
+    name: 'record-line'
+  },
+  {
+    path: '/record-pie',
+    component: () => import('@/pages/RecordPie.vue'),
+    meta: { title: 'Record Page-pie' },
+    name: 'record-pie'
+  }
+]
 
 const router = createRouter({
   history: createWebHistory(),
-  routes,
-});
+  routes
+})
 
-export default router;
+export default router