style(tinyvue): 代码风格统一使用 @antfu/eslint-config 替换旧的 eslint 配置

template/tinyvue/.stylelintrc.js

@@ -26,4 +26,4 @@ module.exports = {
       },
     ],
   },
-};
+}

template/tinyvue/.vscode/settings.json

@@ -0,0 +1,99 @@
+{
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in your IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off", "fixable": true },
+    { "rule": "format/*", "severity": "off", "fixable": true },
+    { "rule": "*-indent", "severity": "off", "fixable": true },
+    { "rule": "*-spacing", "severity": "off", "fixable": true },
+    { "rule": "*-spaces", "severity": "off", "fixable": true },
+    { "rule": "*-order", "severity": "off", "fixable": true },
+    { "rule": "*-dangle", "severity": "off", "fixable": true },
+    { "rule": "*-newline", "severity": "off", "fixable": true },
+    { "rule": "*quotes", "severity": "off", "fixable": true },
+    { "rule": "*semi", "severity": "off", "fixable": true }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "svelte",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ],
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in your IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off", "fixable": true },
+    { "rule": "format/*", "severity": "off", "fixable": true },
+    { "rule": "*-indent", "severity": "off", "fixable": true },
+    { "rule": "*-spacing", "severity": "off", "fixable": true },
+    { "rule": "*-spaces", "severity": "off", "fixable": true },
+    { "rule": "*-order", "severity": "off", "fixable": true },
+    { "rule": "*-dangle", "severity": "off", "fixable": true },
+    { "rule": "*-newline", "severity": "off", "fixable": true },
+    { "rule": "*quotes", "severity": "off", "fixable": true },
+    { "rule": "*semi", "severity": "off", "fixable": true }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "json5",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "svelte",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ]
+}

template/tinyvue/README.md

@@ -10,26 +10,27 @@
 
 请选择任何一个你喜欢的包管理工具进行安装, 这里使用的`npm`
 
-```
+```bash
 npm i
 ```
+
 ### 启动开发环境
 
-```
+```bash
 npm run dev
 ```
 
 ### 启动mock服务
 
 部分场景使用了mock数据, 所以请确保您启动了mock服务
 
-```
+```bash
 npm run mock
 ```
 
 ## 目录结构
 
-```
+```bash
 config              # 打包工具配置文件
 public
 src

template/tinyvue/babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
   plugins: [
     '@vue/babel-plugin-jsx',
-  ]
-};
+  ],
+}

template/tinyvue/commitlint.config.js

@@ -1,3 +1,3 @@
 module.exports = {
   extends: ['@commitlint/config-conventional'],
-};
+}

template/tinyvue/config/plugin/compress.ts

@@ -3,22 +3,22 @@
  * gzip压缩
  * https://github.com/anncwb/vite-plugin-compression
  */
-import type { Plugin } from 'vite';
-import compressPlugin from 'vite-plugin-compression';
+import type { Plugin } from 'vite'
+import compressPlugin from 'vite-plugin-compression'
 
 export default function configCompressPlugin(
   compress: 'gzip' | 'brotli',
-  deleteOriginFile = false
+  deleteOriginFile = false,
 ): Plugin | Plugin[] {
-  const plugins: Plugin[] = [];
+  const plugins: Plugin[] = []
 
   if (compress === 'gzip') {
     plugins.push(
       compressPlugin({
         ext: '.gz',
         deleteOriginFile,
-      })
-    );
+      }),
+    )
   }
 
   if (compress === 'brotli') {
@@ -27,8 +27,8 @@ export default function configCompressPlugin(
         ext: '.br',
         algorithm: 'brotliCompress',
         deleteOriginFile,
-      })
-    );
+      }),
+    )
   }
-  return plugins;
+  return plugins
 }

template/tinyvue/config/plugin/imagemin.ts

@@ -3,7 +3,7 @@
  * 图片压缩
  * https://github.com/anncwb/vite-plugin-imagemin
  */
-import viteImagemin from 'vite-plugin-imagemin';
+import viteImagemin from 'vite-plugin-imagemin'
 
 export default function configImageminPlugin() {
   const imageminPlugin = viteImagemin({
@@ -32,6 +32,6 @@ export default function configImageminPlugin() {
         },
       ],
     },
-  });
-  return imageminPlugin;
+  })
+  return imageminPlugin
 }

template/tinyvue/config/plugin/visualizer.ts

@@ -2,8 +2,8 @@
  * Generation packaging analysis
  * 生成打包分析
  */
-import visualizer from 'rollup-plugin-visualizer';
-import { isReportMode } from '../utils';
+import visualizer from 'rollup-plugin-visualizer'
+import { isReportMode } from '../utils'
 
 export default function configVisualizerPlugin() {
   if (isReportMode()) {
@@ -12,7 +12,7 @@ export default function configVisualizerPlugin() {
       open: true,
       gzipSize: true,
       brotliSize: true,
-    });
+    })
   }
-  return [];
+  return []
 }

template/tinyvue/config/utils/index.ts

@@ -1,9 +1,10 @@
+import process from 'node:process'
 /**
  * Whether to generate package preview
  * 是否生成打包报告
  */
-export default {};
+export default {}
 
 export function isReportMode(): boolean {
-  return process.env.REPORT === 'true';
+  return process.env.REPORT === 'true'
 }

template/tinyvue/config/vite.config.base.ts

@@ -1,17 +1,16 @@
-import { resolve } from 'path';
-import { defineConfig, loadEnv } from 'vite';
-import vue from '@vitejs/plugin-vue';
-import vueJsx from '@vitejs/plugin-vue-jsx';
-import svgLoader from 'vite-svg-loader';
-import eslint from 'vite-plugin-eslint';
-import UnoCSS from 'unocss/vite';
+import { resolve } from 'node:path'
+import process from 'node:process'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import UnoCSS from 'unocss/vite'
+import { defineConfig, loadEnv } from 'vite'
+import svgLoader from 'vite-svg-loader'
 
 const config = {
   plugins: [
     vue(),
     vueJsx(),
     svgLoader({ svgoConfig: {} }),
-    eslint({ cache: false }), // 禁用缓存‌
     UnoCSS(),
   ],
   build: {
@@ -51,7 +50,7 @@ const config = {
     preserveSymlinks: false,
   },
   define: {
-    'BUILD_TOOLS': "'VITE'",
+    BUILD_TOOLS: '\'VITE\'',
   },
   optimizeDeps: {
     esbuildOptions: {
@@ -70,5 +69,5 @@ const config = {
       },
     },
   },
-};
-export default defineConfig(config);
+}
+export default defineConfig(config)