🔧 Refactor and format code across multiple files for improved readability and consistency. Changes include renaming components, adjusting export syntax, and refining template structures.

Author: luckjiawei

src/App.vue

@@ -6,7 +6,7 @@ import { defineComponent } from "vue";
 import { useFrpcDesktopStore } from "./store/frpcDesktop";
 
 export default defineComponent({
-  name: "app",
+  name: "App",
   components: {
     [ElConfigProvider.name]: ElConfigProvider
   },

src/components/IconifyIcon/index.ts

@@ -6,4 +6,4 @@ const IconifyIconOffline = iconifyIconOffline;
 /** 在线图标组件 */
 const IconifyIconOnline = iconifyIconOnline;
 
-export {IconifyIconOffline, IconifyIconOnline};
+export { IconifyIconOffline, IconifyIconOnline };

src/intro/index.ts

@@ -10,7 +10,7 @@ intro.setOptions({
   doneLabel: "🎉 立即体验", // 完成按钮文字
   autoPosition: false,
   tooltipPosition: "right",
-  exitOnOverlayClick: false,
+  exitOnOverlayClick: false
   // hidePrev: true,       // 在第一步中是否隐藏上一个按钮
   // hideNext: true,       // 在最后一步中是否隐藏下一个按钮
   // exitOnOverlayClick: false,  // 点击叠加层时是否退出介绍

src/layout/compoenets/AppMain.vue

@@ -16,7 +16,7 @@ const currentRoute = computed(() => {
       <keep-alive v-if="currentRoute.meta['keepAlive']">
         <component :is="Component" />
       </keep-alive>
-      <component v-else :is="Component" />
+      <component :is="Component" v-else />
     </router-view>
   </div>
 </template>

src/layout/compoenets/LeftMenu.vue

@@ -110,13 +110,13 @@ onMounted(() => {
       <!--      enter-active-class="animate__animated animate__bounceIn"-->
       <!--      leave-active-class="animate__animated animate__fadeOut"-->
       <li
+        v-for="r in routes"
+        :key="r.name"
         :data-step="guideSteps[r.name]?.step"
         :data-intro="guideSteps[r.name]?.intro"
         :data-disable-interaction="true"
         class="menu animate__animated"
         :class="currentRoute?.name === r.name ? 'menu-selected' : ''"
-        v-for="r in routes"
-        :key="r.name"
         @click="handleMenuChange(r)"
       >
         <IconifyIconOffline
@@ -168,10 +168,10 @@ onMounted(() => {
       </div>
       <div
         class="version animate__animated"
-        @click="handleOpenGitHubReleases"
         :data-step="guideSteps.Version?.step"
         :data-intro="guideSteps.Version?.intro"
         data-position="top"
+        @click="handleOpenGitHubReleases"
       >
         {{ pkg.version }}
       </div>

src/router/index.ts

@@ -1,8 +1,4 @@
-import {
-  createRouter,
-  createWebHashHistory,
-  RouteRecordRaw
-} from "vue-router";
+import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";
 
 const Layout = () => import("@/layout/index.vue");
 

src/store/systemUsage.ts

@@ -2,7 +2,6 @@ import { onListener } from "@/utils/ipcUtils";
 import { defineStore } from "pinia";
 import { ipcRouters, listeners } from "../../electron/core/IpcRouter";
 
-
 export const useSystemUsageStore = defineStore("systemUsage", {
   state: () => ({
     cpu: 0,

src/utils/ipcUtils.ts

@@ -5,7 +5,6 @@ export const send = (router: IpcRouter, params?: any) => {
   ipcRenderer.send(router.path, params);
 };
 
-
 // export const invoke = (router: IpcRouter, params?: any) => {
 //   return new Promise((resolve, reject) => {
 //     ipcRenderer
@@ -66,7 +65,7 @@ export const removeRouterListeners = (router: IpcRouter) => {
 
 export const removeRouterListeners2 = (listen: Listener) => {
   ipcRenderer.removeAllListeners(`${listen.channel}`);
-}
+};
 // export const removeAllListeners = (listen: Listener) => {
 //   ipcRenderer.removeAllListeners(`${listen.channel}:hook`);
 // };

src/views/about/index.vue

@@ -119,9 +119,9 @@ defineComponent({
           </el-link>
           <el-link
             v-if="!isLastVersion && frpcDesktopStore.frpcDesktopLastRelease"
-            @click="handleOpenNewVersion"
             class="ml-2 text-[#67C23A] font-bold"
             type="success"
+            @click="handleOpenNewVersion"
             >v{{ frpcDesktopStore.frpcDesktopLastRelease.name }}
           </el-link>
           <IconifyIconOffline