chore: 更新依赖,lint格式化

Author: huangmingfu

.node-version

@@ -34,7 +34,8 @@
           --r2: 68.5%;
 
           width: 80px;
-          background: radial-gradient(var(--r1) var(--r2) at top, #0000 79.5%, #269af2 80%),
+          background:
+            radial-gradient(var(--r1) var(--r2) at top, #0000 79.5%, #269af2 80%),
             radial-gradient(var(--r1) var(--r2) at bottom, #269af2 79.5%, #0000 80%),
             radial-gradient(var(--r1) var(--r2) at top, #0000 79.5%, #269af2 80%), #ccc;
           background-position:

index.html

@@ -44,31 +44,32 @@
   },
   "dependencies": {
     "@ant-design/icons-vue": "^7.0.1",
-    "@vue/repl": "^4.4.1",
-    "@vueuse/core": "^12.0.0",
+    "@vue/repl": "^4.6.2",
+    "@vueuse/core": "^13.5.0",
     "ant-design-vue": "^4.2.6",
-    "semver": "^7.6.3",
-    "vue": "^3.5.13"
+    "semver": "^7.7.2",
+    "vue": "^3.5.18"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^3.12.0",
-    "@types/node": "^22.10.2",
-    "@types/semver": "^7.5.8",
-    "@unocss/eslint-config": "^0.65.1",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vitejs/plugin-vue-jsx": "^4.1.1",
-    "@vue/compiler-sfc": "^3.5.13",
-    "@vue/shared": "^3.5.13",
+    "@antfu/eslint-config": "^5.0.0",
+    "@types/node": "^24.1.0",
+    "@types/semver": "^7.7.0",
+    "@unocss/eslint-config": "^66.3.3",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "@vitejs/plugin-vue-jsx": "^5.0.1",
+    "@vue/compiler-sfc": "^3.5.18",
+    "@vue/shared": "^3.5.18",
     "@vue/tsconfig": "^0.7.0",
-    "eslint-plugin-format": "^0.1.3",
-    "lint-staged": "^15.2.11",
-    "sass": "^1.83.0",
-    "simple-git-hooks": "^2.11.1",
-    "typescript": "~5.7.2",
-    "unocss": "^0.65.1",
-    "unplugin-vue-components": "^28.0.0",
-    "vite": "^6.0.5",
-    "vue-tsc": "^2.1.10"
+    "eslint": "^9.32.0",
+    "eslint-plugin-format": "^1.0.1",
+    "lint-staged": "^16.1.2",
+    "sass": "^1.89.2",
+    "simple-git-hooks": "^2.13.0",
+    "typescript": "~5.8.3",
+    "unocss": "^66.3.3",
+    "unplugin-vue-components": "^28.8.0",
+    "vite": "^7.0.6",
+    "vue-tsc": "^3.0.4"
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"

package.json

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { Header } from '@/components';
-import { useAutoSaveState, useStore } from '@/composables';
 import { Repl } from '@vue/repl';
 import Monaco from '@vue/repl/monaco-editor';
 import { message } from 'ant-design-vue';
 import { ref, useTemplateRef, watchEffect } from 'vue';
+import { Header } from '@/components';
+import { useAutoSaveState, useStore } from '@/composables';
 
 const loading = ref(true);
 const replRef = useTemplateRef<InstanceType<typeof Repl>>('repl');
@@ -57,8 +57,9 @@ watchEffect(() => {
 <style>
 body {
   --at-apply: m-none text-13px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
-    'Helvetica Neue', sans-serif;
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
+    sans-serif;
   --base: #444;
   --nav-height: 50px;
 }

pnpm-lock.yaml

@@ -1,11 +1,12 @@
 <script setup lang="ts">
+import type { SelectValue } from 'ant-design-vue/es/select';
+import type { Ref } from 'vue';
 import type { Store } from '@/composables';
 import type { VersionKey } from '@/utils/dependency';
-import type { SelectValue } from 'ant-design-vue/es/select';
+import { GithubFilled, ReloadOutlined, SettingOutlined, ShareAltOutlined } from '@ant-design/icons-vue';
+import { reactive } from 'vue';
 import { cdn, getSupportedAntdVersions, getSupportedTSVersions, getSupportedVueVersions } from '@/utils/dependency';
 import { copy } from '@/utils/tools';
-import { GithubFilled, ReloadOutlined, SettingOutlined, ShareAltOutlined } from '@ant-design/icons-vue';
-import { reactive, type Ref } from 'vue';
 
 const { store } = defineProps<{
   store: Store;
@@ -30,7 +31,7 @@ const cdnOptions = [
   },
 ];
 
-const versions = reactive<Record<VersionKey, { text: string; active: string ; published: Ref<string[]> }>>({
+const versions = reactive<Record<VersionKey, { text: string; active: string; published: Ref<string[]> }>>({
   antDesignVue: {
     text: 'Ant Design Vue',
     published: getSupportedAntdVersions(),

src/App.vue

@@ -1,6 +1,7 @@
 import type { ReplStore } from '@vue/repl';
 import type { Initial, UserOptions } from '../types';
-import { genCompilerSfcLink, type VersionKey, type Versions } from '@/utils/dependency';
+import type { VersionKey, Versions } from '@/utils/dependency';
+import { genCompilerSfcLink } from '@/utils/dependency';
 
 export function useVersion({
   userOptions,

src/components/Header.vue

@@ -1,10 +1,10 @@
-import type { Versions } from '@/utils/dependency';
 import type { ImportMap } from '@vue/repl';
 import type { Initial, SerializeState } from './types';
-import mainCode from '@/template/main.vue?raw';
-import { genImportMap } from '@/utils/dependency';
+import type { Versions } from '@/utils/dependency';
 import { compileFile, mergeImportMap, useStore as useReplStore } from '@vue/repl';
 import { computed, reactive, toRefs, watch, watchEffect } from 'vue';
+import mainCode from '@/template/main.vue?raw';
+import { genImportMap } from '@/utils/dependency';
 import { useUserOptions } from './composables/useUserOptions';
 import { useVersion } from './composables/useVersion';
 import { ANTDV_FILE, APP_FILE, IMPORT_MAP, MAIN_FILE } from './constants';

src/composables/useStore/composables/useVersion.ts

@@ -1,11 +1,12 @@
 import type { SerializeState } from './types';
+import type { Versions } from '@/utils/dependency';
+import { File } from '@vue/repl';
+import { objectOmit } from '@vueuse/core';
 import antDesignVueCode from '@/template/ant-design-vue.js?raw';
 import tsconfigCode from '@/template/tsconfig.json?raw';
 import welcomeCode from '@/template/welcome.vue?raw';
-import { genAntdvStyleLink, type Versions } from '@/utils/dependency';
+import { genAntdvStyleLink } from '@/utils/dependency';
 import { atou } from '@/utils/encode';
-import { File } from '@vue/repl';
-import { objectOmit } from '@vueuse/core';
 import { ANTDV_FILE, APP_FILE, IMPORT_MAP, LEGACY_IMPORT_MAP, TSCONFIG } from './constants';
 
 export function deserialize(text: string): SerializeState {

src/composables/useStore/index.ts

@@ -1,10 +1,10 @@
 import type { ImportMap } from '@vue/repl';
 import type { MaybeRef, Ref } from 'vue';
 import type { Cdn, Dependency, Versions } from './types';
-import { devDepsProxy } from '@/proxy';
 import { useFetch, useLocalStorage } from '@vueuse/core';
 import { gte } from 'semver';
 import { computed, unref } from 'vue';
+import { devDepsProxy } from '@/proxy';
 
 export * from './types';