fix(ci): 修复 lint 与类型检查问题

通过 eslint --fix 修复 10 个文件的格式问题(缩进、defineProps 顺序、引号、unocss 属性顺序)

修复 ascii-text-drawer 适配 figlet 1.11 类型导出变化(FigletOptions/FontName)

移除 App.vue 中未使用的 locale 变量

Author: kxhubs

src/App.vue

@@ -11,8 +11,6 @@ const styleStore = useStyleStore();
 
 const theme = computed(() => (styleStore.isDarkTheme ? darkTheme : null));
 const themeOverrides = computed(() => (styleStore.isDarkTheme ? darkThemeOverrides : lightThemeOverrides));
-
-const { locale } = useI18n();
 </script>
 
 <template>

src/modules/command-palette/command-palette.vue

@@ -130,7 +130,7 @@ function activateOption(option: PaletteOption) {
       <c-input-text ref="inputRef" v-model:value="searchPrompt" raw-text :placeholder="t('commandPalette.searchPlaceholder')" autofocus clearable />
 
       <div v-for="(options, category) in filteredSearchResult" :key="category">
-        <div ml-3 mt-3 text-sm font-bold text-primary op-60>
+        <div ml-3 mt-3 text-sm text-primary font-bold op-60>
           {{ category }}
         </div>
         <command-palette-option v-for="option in options" :key="option.name" :option="option" :selected="selectedOptionIndex === getOptionIndex(option)" @activated="activateOption" />

src/tools/ascii-text-drawer/ascii-text-drawer.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import figlet from 'figlet';
+import type { FigletOptions, FontName } from 'figlet';
 import TextareaCopyable from '@/components/TextareaCopyable.vue';
 
 const { t } = useI18n();
@@ -16,8 +17,8 @@ figlet.defaults({ fontPath: '//unpkg.com/figlet@1.6.0/fonts/' });
 watchEffect(async () => {
   processing.value = true;
   try {
-    const options: figlet.Options = {
-      font: font.value as figlet.Fonts,
+    const options: FigletOptions = {
+      font: font.value as FontName,
       width: width.value,
       whitespaceBreak: true,
     };

src/tools/date-time-converter/date-time-converter.vue

@@ -117,7 +117,7 @@ const formats: DateFormat[] = [
 const formatLabels: Record<string, string> = {
   'JS locale date string': t('tools.date-converter.formatJsLocaleDateString'),
   'Unix timestamp': t('tools.date-converter.formatUnixTimestamp'),
-  Timestamp: t('tools.date-converter.formatTimestamp'),
+  'Timestamp': t('tools.date-converter.formatTimestamp'),
   'UTC format': t('tools.date-converter.formatUtc'),
   'Excel date/time': t('tools.date-converter.formatExcelDateTime'),
 };

src/tools/emoji-picker/emoji-card.vue

@@ -2,9 +2,10 @@
 import type { EmojiInfo } from './emoji.types';
 import { useCopy } from '@/composable/copy';
 
+const props = (defineProps<{ emojiInfo: EmojiInfo }>());
+
 const { t } = useI18n();
 
-const props = (defineProps<{ emojiInfo: EmojiInfo }>());
 const { emojiInfo } = toRefs(props);
 
 const { copy } = useCopy();

src/tools/http-status-codes/http-status-codes.vue

@@ -14,10 +14,12 @@ const categoryKeys: Record<string, string> = {
 };
 
 const translateCategory = (category: string) => t(`tools.http-status-codes.${categoryKeys[category]}`);
-const translateCode = (code: number) => ({
-  name: t(`tools.http-status-codes.code${code}.name`),
-  description: t(`tools.http-status-codes.code${code}.description`),
-});
+function translateCode(code: number) {
+  return {
+    name: t(`tools.http-status-codes.code${code}.name`),
+    description: t(`tools.http-status-codes.code${code}.description`),
+  };
+}
 
 // 响应式翻译数据:语言切换时自动更新(搜索与展示共用)
 const translatedCodes = computed(() =>

src/tools/ipv4-range-expander/ipv4-range-expander.vue

@@ -17,27 +17,27 @@ const calculatedValues = computed<{
   getOldValue: (result: Ipv4RangeExpanderResult | undefined) => string | undefined
   getNewValue: (result: Ipv4RangeExpanderResult | undefined) => string | undefined
 }[]>(() => [
-  {
-    label: t('tools.ipv4-range-expander.startAddress'),
-    getOldValue: () => rawStartAddress.value,
-    getNewValue: result => result?.newStart,
-  },
-  {
-    label: t('tools.ipv4-range-expander.endAddress'),
-    getOldValue: () => rawEndAddress.value,
-    getNewValue: result => result?.newEnd,
-  },
-  {
-    label: t('tools.ipv4-range-expander.addressesInRange'),
-    getOldValue: result => result?.oldSize?.toLocaleString(),
-    getNewValue: result => result?.newSize?.toLocaleString(),
-  },
-  {
-    label: t('tools.ipv4-range-expander.cidr'),
-    getOldValue: () => '',
-    getNewValue: result => result?.newCidr,
-  },
-]);
+      {
+        label: t('tools.ipv4-range-expander.startAddress'),
+        getOldValue: () => rawStartAddress.value,
+        getNewValue: result => result?.newStart,
+      },
+      {
+        label: t('tools.ipv4-range-expander.endAddress'),
+        getOldValue: () => rawEndAddress.value,
+        getNewValue: result => result?.newEnd,
+      },
+      {
+        label: t('tools.ipv4-range-expander.addressesInRange'),
+        getOldValue: result => result?.oldSize?.toLocaleString(),
+        getNewValue: result => result?.newSize?.toLocaleString(),
+      },
+      {
+        label: t('tools.ipv4-range-expander.cidr'),
+        getOldValue: () => '',
+        getNewValue: result => result?.newCidr,
+      },
+    ]);
 
 const startIpValidation = useValidation({
   source: rawStartAddress,

src/tools/ipv4-subnet-calculator/ipv4-subnet-calculator.vue

@@ -26,53 +26,53 @@ const sections = computed<{
   getValue: (blocks: Netmask) => string | undefined
   undefinedFallback?: string
 }[]>(() => [
-  {
-    label: t('tools.ipv4-subnet-calculator.netmask'),
-    getValue: block => block.toString(),
-  },
-  {
-    label: t('tools.ipv4-subnet-calculator.networkAddress'),
-    getValue: ({ base }) => base,
-  },
-  {
-    label: t('tools.ipv4-subnet-calculator.networkMask'),
-    getValue: ({ mask }) => mask,
-  },
-  {
-    label: t('tools.ipv4-subnet-calculator.networkMaskInBinary'),
-    getValue: ({ bitmask }) => ('1'.repeat(bitmask) + '0'.repeat(32 - bitmask)).match(/.{8}/g)?.join('.') ?? '',
-  },
-  {
-    label: t('tools.ipv4-subnet-calculator.cidrNotation'),
-    getValue: ({ bitmask }) => `/${bitmask}`,
-  },
-  {
-    label: t('tools.ipv4-subnet-calculator.wildcardMask'),
-    getValue: ({ hostmask }) => hostmask,
-  },
-  {
-    label: t('tools.ipv4-subnet-calculator.networkSize'),
-    getValue: ({ size }) => String(size),
-  },
-  {
-    label: t('tools.ipv4-subnet-calculator.firstAddress'),
-    getValue: ({ first }) => first,
-  },
-  {
-    label: t('tools.ipv4-subnet-calculator.lastAddress'),
-    getValue: ({ last }) => last,
-  },
-  {
-    label: t('tools.ipv4-subnet-calculator.broadcastAddress'),
-    getValue: ({ broadcast }) => broadcast,
-    undefinedFallback: t('tools.ipv4-subnet-calculator.noBroadcastAddress'),
-  },
-  {
-    label: t('tools.ipv4-subnet-calculator.ipClass'),
-    getValue: ({ base: ip }) => getIPClass({ ip }),
-    undefinedFallback: t('tools.ipv4-subnet-calculator.unknownClassType'),
-  },
-]);
+      {
+        label: t('tools.ipv4-subnet-calculator.netmask'),
+        getValue: block => block.toString(),
+      },
+      {
+        label: t('tools.ipv4-subnet-calculator.networkAddress'),
+        getValue: ({ base }) => base,
+      },
+      {
+        label: t('tools.ipv4-subnet-calculator.networkMask'),
+        getValue: ({ mask }) => mask,
+      },
+      {
+        label: t('tools.ipv4-subnet-calculator.networkMaskInBinary'),
+        getValue: ({ bitmask }) => ('1'.repeat(bitmask) + '0'.repeat(32 - bitmask)).match(/.{8}/g)?.join('.') ?? '',
+      },
+      {
+        label: t('tools.ipv4-subnet-calculator.cidrNotation'),
+        getValue: ({ bitmask }) => `/${bitmask}`,
+      },
+      {
+        label: t('tools.ipv4-subnet-calculator.wildcardMask'),
+        getValue: ({ hostmask }) => hostmask,
+      },
+      {
+        label: t('tools.ipv4-subnet-calculator.networkSize'),
+        getValue: ({ size }) => String(size),
+      },
+      {
+        label: t('tools.ipv4-subnet-calculator.firstAddress'),
+        getValue: ({ first }) => first,
+      },
+      {
+        label: t('tools.ipv4-subnet-calculator.lastAddress'),
+        getValue: ({ last }) => last,
+      },
+      {
+        label: t('tools.ipv4-subnet-calculator.broadcastAddress'),
+        getValue: ({ broadcast }) => broadcast,
+        undefinedFallback: t('tools.ipv4-subnet-calculator.noBroadcastAddress'),
+      },
+      {
+        label: t('tools.ipv4-subnet-calculator.ipClass'),
+        getValue: ({ base: ip }) => getIPClass({ ip }),
+        undefinedFallback: t('tools.ipv4-subnet-calculator.unknownClassType'),
+      },
+    ]);
 
 function switchToBlock({ count = 1 }: { count?: number }) {
   const next = networkInfo.value?.next(count);

src/tools/json-diff/diff-viewer/diff-viewer.vue

@@ -4,8 +4,8 @@ import { diff } from '../json-diff.models';
 import { DiffRootViewer } from './diff-viewer.models';
 import { useAppTheme } from '@/ui/theme/themes';
 
-const { t } = useI18n();
 const props = defineProps<{ leftJson: unknown; rightJson: unknown }>();
+const { t } = useI18n();
 const onlyShowDifferences = ref(false);
 const { leftJson, rightJson } = toRefs(props);
 const appTheme = useAppTheme();

src/ui/c-select/c-select.vue

@@ -6,8 +6,6 @@ import { useTheme } from './c-select.theme';
 import { clamp } from '@/modules/shared/number.models';
 import { useFuzzySearch } from '@/composable/fuzzySearch';
 
-const { t } = useI18n();
-
 const props = withDefaults(
   defineProps<{
     options?: CSelectOption<T>[] | string[]
@@ -27,6 +25,8 @@ const props = withDefaults(
 
 const emits = defineEmits(['update:value']);
 
+const { t } = useI18n();
+
 const { options: rawOptions, placeholder, size: sizeName, searchable } = toRefs(props);
 
 const options = computed(() => {
@@ -153,7 +153,7 @@ function onSearchInput() {
       >
         <div flex-1 truncate>
           <slot name="displayed-value">
-            <input v-if="searchable && isOpen" ref="searchInputRef" v-model="searchQuery" type="text" :placeholder="t('common.searchPlaceholder')" class="search-input" w-full lh-normal color-current @input="onSearchInput">
+            <input v-if="searchable && isOpen" ref="searchInputRef" v-model="searchQuery" type="text" :placeholder="t('common.searchPlaceholder')" class="search-input" w-full color-current lh-normal @input="onSearchInput">
             <span v-else-if="selectedOption" lh-normal>
               {{ selectedOption.label }}
             </span>