🎨 代码格式化

src/components/app/t-sidebar.vue

@@ -121,11 +121,9 @@
 </template>
 
 <script lang="ts" setup>
-// vue
-import { computed, onMounted, ref } from "vue";
-// tauri
 import { event } from "@tauri-apps/api";
-// store
+import { computed, onMounted, ref } from "vue";
+
 import { useAppStore } from "../../store/modules/app";
 import { useUserStore } from "../../store/modules/user";
 
@@ -137,8 +135,8 @@ const isDevEnv = ref<boolean>(import.meta.env.MODE === "development");
 const userInfo = computed(() => {
   const info = userStore.getBriefInfo();
   return {
-    nickname: info.nickname || "未登录",
-    avatar: info.avatar || "/source/UI/defaultUser.webp",
+    nickname: info?.nickname ?? "未登录",
+    avatar: info?.avatar ?? "/source/UI/defaultUser.webp",
   };
 });
 const rail = ref(appStore.sidebar.collapse);

src/components/app/t-switchTheme.vue

@@ -8,11 +8,9 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
-import { computed, onMounted } from "vue";
-// tauri
 import { event } from "@tauri-apps/api";
-// store
+import { computed, onMounted } from "vue";
+
 import { useAppStore } from "../../store/modules/app";
 
 // store

src/components/func/confirm.ts

@@ -1,13 +1,11 @@
 /**
  * @file component func confirm.ts
  * @description 封装自定义 confirm 组件，通过函数调用的方式，简化 confirm 的使用
- * @author BTMuli <bt-muli@outlook.com>
- * @since Alpha v0.2.3
+ * @since Beta v0.3.3
  */
 
-// vue
 import { h, render, type VNode } from "vue";
-// confirm
+
 import confirm from "./confirm.vue";
 
 const confirmId = "tg-func-confirm";
@@ -24,7 +22,7 @@ const renderBox = (props: TGApp.Component.Confirm.Params): VNode => {
 let confirmInstance: VNode;
 
 const showConfirm = async (props: TGApp.Component.Confirm.Params): Promise<string | boolean> => {
-  if (confirmInstance) {
+  if (confirmInstance !== undefined) {
     const boxVue = confirmInstance.component;
     return boxVue?.exposeProxy?.displayBox(props);
   } else {

src/components/func/geetest.ts

@@ -5,6 +5,7 @@
  */
 
 import { h, render, type VNode } from "vue";
+
 import geetest from "./geetest.vue";
 
 const geetestId = "tg-func-geetest";
@@ -21,7 +22,7 @@ const renderBox = (): VNode => {
 let geetestInstance: VNode;
 
 const showGeetest = async (): Promise<boolean> => {
-  if (geetestInstance) {
+  if (geetestInstance !== undefined) {
     const boxVue = geetestInstance.component;
     return boxVue?.exposeProxy?.displayBox();
   } else {

src/components/func/geetest.vue

@@ -16,6 +16,7 @@
 </template>
 <script setup lang="ts">
 import { ref, watch } from "vue";
+
 import showSnackbar from "./snackbar";
 import { useUserStore } from "../../store/modules/user";
 import TGRequest from "../../web/request/TGRequest";
@@ -68,7 +69,6 @@ async function displayBox(): Promise<void> {
     (captchaObj: TGApp.BBS.Geetest.GeetestCaptcha) => {
       geetestRef.value.innerHTML = "";
       captchaObj.appendTo("#geetest");
-      // @eslint-ignore-next-line @typescript-eslint/no-misused-promises
       captchaObj.onSuccess(async () => {
         const validate = captchaObj.getValidate();
         const cookie = {

src/components/func/snackbar.ts

@@ -1,13 +1,11 @@
 /**
  * @file component func snackbar.ts
  * @description 封装 vuetify 的 snackbar 组件，通过函数调用的方式，简化 snackbar 的使用
- * @author BTMuli <bt-muli@outlook.com>
- * @since Alpha v0.2.3
+ * @since Beta v0.3.3
  */
 
-// vue
 import { h, render, type VNode } from "vue";
-// snackbar
+
 import snackbar from "./snackbar.vue";
 
 const snackbarId = "tg-func-snackbar";
@@ -24,7 +22,7 @@ const renderBox = (props: TGApp.Component.Snackbar.Params): VNode => {
 let snackbarInstance: VNode;
 
 const showSnackbar = (props: TGApp.Component.Snackbar.Params): void => {
-  if (snackbarInstance) {
+  if (snackbarInstance !== undefined) {
     const boxVue = snackbarInstance.component;
     boxVue?.exposeProxy?.displayBox(props);
   } else {

src/components/gachaRecord/gro-echarts.vue

@@ -2,22 +2,22 @@
   <v-chart :option="getPoolData()" autoresize />
 </template>
 <script lang="ts" setup>
-// vue
-import { onMounted, provide } from "vue";
-import VChart, { THEME_KEY } from "vue-echarts";
-import showSnackbar from "../func/snackbar";
-// echarts
-import { use } from "echarts/core";
+import type { EChartsOption } from "echarts";
+import { PieChart } from "echarts/charts";
 import {
   LegendComponent,
   TitleComponent,
   TooltipComponent,
   ToolboxComponent,
 } from "echarts/components";
-import { PieChart } from "echarts/charts";
+import { use } from "echarts/core";
 import { LabelLayout } from "echarts/features";
 import { CanvasRenderer } from "echarts/renderers";
-import { type EChartsOption } from "echarts";
+import { onMounted, provide } from "vue";
+import VChart, { THEME_KEY } from "vue-echarts";
+
+import showSnackbar from "../func/snackbar";
+// echarts
 
 use([
   TitleComponent,

src/components/gachaRecord/gro-overview.vue

@@ -12,8 +12,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { watch } from "vue";
+
 import GroDataview from "./gro-dataview.vue";
 
 interface GachaOverviewProps {

src/components/home/t-calendar.vue

@@ -61,14 +61,12 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { computed, onMounted, ref } from "vue";
-import ToCalendar from "../overlay/to-calendar.vue";
-import TibCalendarItem from "../itembox/tib-calendar-item.vue";
-// data
+
 import { AppCalendarData } from "../../data";
-// utils
 import { generateShareImg } from "../../utils/TGShare";
+import TibCalendarItem from "../itembox/tib-calendar-item.vue";
+import ToCalendar from "../overlay/to-calendar.vue";
 
 // loading
 const loading = ref<boolean>(true);

src/components/home/t-pool.vue

@@ -48,16 +48,13 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { ref, onMounted, onUnmounted } from "vue";
 import { useRouter } from "vue-router";
-// store
+
+import Mys from "../../plugins/Mys";
 import { useHomeStore } from "../../store/modules/home";
-// utils
 import { createTGWindow } from "../../utils/TGWindow";
 import { stamp2LastTime } from "../../utils/toolFunc";
-// plugins
-import Mys from "../../plugins/Mys";
 
 // vue
 const router = useRouter();

src/components/home/t-position.vue

@@ -44,14 +44,12 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { ref, onMounted, onUnmounted } from "vue";
 import { useRouter } from "vue-router";
-// utils
+
+import Mys from "../../plugins/Mys";
 import { createTGWindow } from "../../utils/TGWindow";
 import { stamp2LastTime } from "../../utils/toolFunc";
-// plugins
-import Mys from "../../plugins/Mys";
 
 // vue
 const router = useRouter();

src/components/hutaoAbyss/hta-overlay-overview.vue

@@ -29,8 +29,8 @@
   </TOverlay>
 </template>
 <script lang="ts" setup>
-// vue
 import { computed } from "vue";
+
 import TOverlay from "../main/t-overlay.vue";
 
 interface HtaOverlayOverviewProps {

src/components/hutaoAbyss/hta-tab-team.vue

@@ -45,8 +45,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { onMounted, ref } from "vue";
+
 import TibWikiAbyss2 from "../itembox/tib-wiki-abyss-2.vue";
 
 interface HtaTabTeamProps {

src/components/hutaoAbyss/hta-tab-up.vue

@@ -20,8 +20,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { onMounted, ref } from "vue";
+
 import TibWikiAbyss from "../itembox/tib-wiki-abyss.vue";
 
 interface HtaTabUseProps {

src/components/hutaoAbyss/hta-tab-use.vue

@@ -20,8 +20,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { onMounted, ref } from "vue";
+
 import TibWikiAbyss from "../itembox/tib-wiki-abyss.vue";
 
 interface HtaTabUseProps {

src/components/itembox/tib-abyss-detail.vue

@@ -2,12 +2,10 @@
   <TItemBox :model-value="box" />
 </template>
 <script lang="ts" setup>
-// vue
 import { onMounted, ref } from "vue";
-import TItemBox from "../main/t-itembox.vue";
-// utils
+
 import TGSqlite from "../../plugins/Sqlite";
-// types
+import TItemBox from "../main/t-itembox.vue";
 import type { TItemBoxData } from "../main/t-itembox.vue";
 
 interface TibAbyssDetailProps {

src/components/itembox/tib-abyss-overview.vue

@@ -2,12 +2,10 @@
   <TItemBox v-model="box" />
 </template>
 <script lang="ts" setup>
-// vue
 import { onMounted, ref } from "vue";
-import TItemBox from "../main/t-itembox.vue";
-// utils
+
 import TGSqlite from "../../plugins/Sqlite";
-// types
+import TItemBox from "../main/t-itembox.vue";
 import type { TItemBoxData } from "../main/t-itembox.vue";
 
 interface TibAbyssOverviewProps {

src/components/itembox/tib-calendar-item.vue

@@ -2,10 +2,9 @@
   <TItemBox :model-value="box" />
 </template>
 <script lang="ts" setup>
-// vue
 import { computed } from "vue";
+
 import TItemBox from "../main/t-itembox.vue";
-// types
 import type { TItemBoxData } from "../main/t-itembox.vue";
 
 interface TibCalendarItemProps {

src/components/itembox/tib-ur-avatar.vue

@@ -2,10 +2,9 @@
   <TItemBox v-model="box" @click="showData" />
 </template>
 <script lang="ts" setup>
-// vue
 import { onMounted, ref } from "vue";
+
 import TItemBox from "../main/t-itembox.vue";
-// types
 import type { TItemBoxData } from "../main/t-itembox.vue";
 
 interface TibUrAvatarProps {

src/components/itembox/tib-wiki-abyss-2.vue

@@ -2,11 +2,10 @@
   <TItemBox :model-value="box" />
 </template>
 <script setup lang="ts">
-// vue
 import { ref, onMounted, computed } from "vue";
-import TItemBox, { type TItemBoxData } from "../main/t-itembox.vue";
-// plugins
+
 import TGSqlite from "../../plugins/Sqlite";
+import TItemBox, { type TItemBoxData } from "../main/t-itembox.vue";
 
 interface TibWikiAbyssProps {
   modelValue: string;

src/components/itembox/tib-wiki-abyss.vue

@@ -2,11 +2,10 @@
   <TItemBox :model-value="box" />
 </template>
 <script setup lang="ts">
-// vue
 import { ref, onMounted, computed } from "vue";
-import TItemBox, { type TItemBoxData } from "../main/t-itembox.vue";
-// plugins
+
 import TGSqlite from "../../plugins/Sqlite";
+import TItemBox, { type TItemBoxData } from "../main/t-itembox.vue";
 
 interface TibWikiAbyssProps {
   modelValue: {

src/components/itembox/tib-wiki-avatar.vue

@@ -2,8 +2,8 @@
   <TItemBox :model-value="box" />
 </template>
 <script lang="ts" setup>
-// vue
 import { computed } from "vue";
+
 import TItemBox, { type TItemBoxData } from "../main/t-itembox.vue";
 
 interface TibCalendarAvatarProps {

src/components/itembox/tib-wiki-weapon.vue

@@ -2,10 +2,9 @@
   <TItemBox :model-value="box" style="cursor: pointer" />
 </template>
 <script lang="ts" setup>
-// vue
 import { computed } from "vue";
+
 import TItemBox from "../main/t-itembox.vue";
-// types
 import type { TItemBoxData } from "../main/t-itembox.vue";
 
 interface TibCalendarWeaponProps {

src/components/overlay/to-calendar.vue

@@ -35,16 +35,14 @@
   </TOverlay>
 </template>
 <script setup lang="ts">
-// vue
 import { computed } from "vue";
+
+import Mys from "../../plugins/Mys";
+import { createTGWindow } from "../../utils/TGWindow";
 import showSnackbar from "../func/snackbar";
-import TOverlay from "../main/t-overlay.vue";
 import TibCalendarItem from "../itembox/tib-calendar-item.vue";
 import TibCalendarMaterial from "../itembox/tib-calendar-material.vue";
-// utils
-import { createTGWindow } from "../../utils/TGWindow";
-// plugins
-import Mys from "../../plugins/Mys";
+import TOverlay from "../main/t-overlay.vue";
 
 interface ToCalendarProps {
   modelValue: boolean;

src/components/overlay/to-channel.vue

@@ -24,9 +24,9 @@
   </TOverlay>
 </template>
 <script lang="ts" setup>
-// vue
 import { computed } from "vue";
 import { useRouter } from "vue-router";
+
 import TOverlay from "../main/t-overlay.vue";
 
 interface ToChannelProps {

src/components/overlay/to-gameLogin.vue

@@ -17,17 +17,15 @@
   </TOverlay>
 </template>
 <script setup lang="ts">
-// vue
+import QrcodeVue from "qrcode.vue";
 import { computed, reactive, ref, watch } from "vue";
+
+import Mys from "../../plugins/Mys";
+import TGSqlite from "../../plugins/Sqlite";
+import { useUserStore } from "../../store/modules/user";
+import TGRequest from "../../web/request/TGRequest";
 import showSnackbar from "../func/snackbar";
 import TOverlay from "../main/t-overlay.vue";
-import QrcodeVue from "qrcode.vue";
-// store
-import { useUserStore } from "../../store/modules/user";
-// utils
-import Mys from "../../plugins/Mys";
-import TGRequest from "../../web/request/TGRequest";
-import TGSqlite from "../../plugins/Sqlite";
 
 interface ToWebLoginProps {
   modelValue: boolean;

src/components/overlay/to-loading.vue

@@ -24,8 +24,8 @@
   </TOverlay>
 </template>
 <script lang="ts" setup>
-// vue
 import { ref, watch } from "vue";
+
 import TOverlay from "../main/t-overlay.vue";
 
 interface LoadingProps {

src/components/userAbyss/tua-detail-level.vue

@@ -10,9 +10,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
-import TuaDetailTitle from "./tua-detail-title.vue";
 import TuaDetailBattle from "./tua-detail-battle.vue";
+import TuaDetailTitle from "./tua-detail-title.vue";
 
 interface TuaDetailLevelProps {
   modelValue: TGApp.Sqlite.Abyss.Level;

src/components/userAbyss/tua-detail.vue

@@ -15,8 +15,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-import TuaDetailTitle from "./tua-detail-title.vue";
 import TuaDetailLevel from "./tua-detail-level.vue";
+import TuaDetailTitle from "./tua-detail-title.vue";
 
 interface TuaDetailProps {
   modelValue: TGApp.Sqlite.Abyss.Floor;

src/components/userAbyss/tua-overview.vue

@@ -22,8 +22,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { computed } from "vue";
+
 import TibAbyssOverview from "../itembox/tib-abyss-overview.vue";
 
 interface TAOProps {

src/components/userCharacter/tuc-detail-desc-constellation.vue

@@ -24,9 +24,8 @@
   </TucDetailDesc>
 </template>
 <script lang="ts" setup>
-// vue
-import TucDetailDesc from "./tuc-detail-desc.vue";
 import TucDetailConstellation from "./tuc-detail-constellation.vue";
+import TucDetailDesc from "./tuc-detail-desc.vue";
 
 interface TucDetailDescConstellationProps {
   modelValue: TGApp.Sqlite.Character.RoleConstellation;
@@ -38,7 +37,7 @@ const props = defineProps<TucDetailDescConstellationProps>();
 function parseDesc(desc: string): string {
   const reg = /<color=(.*?)>(.*?)<\/color>/g;
   let match = reg.exec(desc);
-  while (match) {
+  while (match !== null) {
     const color = match[1];
     const text = match[2];
     desc = desc.replace(match[0], `<span style="color: ${color}">${text}</span>`);

src/components/userCharacter/tuc-detail-desc-weapon.vue

@@ -24,8 +24,8 @@
   </TucDetailDesc>
 </template>
 <script lang="ts" setup>
-// vue
 import { computed } from "vue";
+
 import TucDetailDesc from "./tuc-detail-desc.vue";
 import TucDetailItemBox from "./tuc-detail-itembox.vue";
 

src/components/userCharacter/tuc-detail-overlay.vue

@@ -76,15 +76,15 @@
   </TOverlay>
 </template>
 <script lang="ts" setup>
-// vue
 import { computed, onMounted, onUpdated, ref } from "vue";
-import TOverlay from "../main/t-overlay.vue";
-import TucDetailDescWeapon from "./tuc-detail-desc-weapon.vue";
+
+import TucDetailConstellation from "./tuc-detail-constellation.vue";
 import TucDetailDescConstellation from "./tuc-detail-desc-constellation.vue";
 import TucDetailDescRelic from "./tuc-detail-desc-relic.vue";
+import TucDetailDescWeapon from "./tuc-detail-desc-weapon.vue";
 import TucDetailItemBox from "./tuc-detail-itembox.vue";
-import TucDetailConstellation from "./tuc-detail-constellation.vue";
 import TucDetailRelic from "./tuc-detail-relic.vue";
+import TOverlay from "../main/t-overlay.vue";
 
 interface ToUcDetailProps {
   modelValue: boolean;

src/components/userCharacter/tuc-role-box.vue

@@ -36,12 +36,11 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { computed, onMounted, onUnmounted, ref } from "vue";
-import TItemBox from "../main/t-itembox.vue";
-// utils
+
 import TGSqlite from "../../plugins/Sqlite";
 import { saveImgLocal } from "../../utils/TGShare";
+import TItemBox from "../main/t-itembox.vue";
 
 interface TucRoleBoxProps {
   modelValue: TGApp.Sqlite.Character.UserRole;

src/components/userRecord/tur-avatar-grid.vue

@@ -6,8 +6,8 @@
 </template>
 
 <script lang="ts" setup>
-// vue
 import { computed } from "vue";
+
 import TibUrAvatar from "../itembox/tib-ur-avatar.vue";
 
 interface TurAvatarGridProps {

src/components/userRecord/tur-home-grid.vue

@@ -5,8 +5,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { computed } from "vue";
+
 import TurHomeSub from "./tur-home-sub.vue";
 
 interface TurHomeGridProps {

src/components/userRecord/tur-home-sub.vue

@@ -34,9 +34,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { onMounted, ref } from "vue";
-// utils
+
 import { saveImgLocal } from "../../utils/TGShare";
 
 interface TurHomeSubProps {

src/components/userRecord/tur-overview-grid.vue

@@ -20,8 +20,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { computed } from "vue";
+
 import TurOverviewSub from "./tur-overview-sub.vue";
 
 interface TurOverviewGridProps {

src/components/userRecord/tur-world-grid.vue

@@ -5,8 +5,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { computed } from "vue";
+
 import TurWorldSub from "./tur-world-sub.vue";
 
 interface TurWorldGridProps {

src/components/userRecord/tur-world-sub.vue

@@ -35,11 +35,9 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
-import { onMounted, ref } from "vue";
-// tauri
 import { event } from "@tauri-apps/api";
-// utils
+import { onMounted, ref } from "vue";
+
 import { saveImgLocal } from "../../utils/TGShare";
 
 interface TurWorldSubProps {