build(projects): update tsconfig、eslintrc

.editorconfig

@@ -1,12 +1,11 @@
 # Editor configuration, see http://editorconfig.org
 
-# 表示是最顶层的 EditorConfig 配置文件
 root = true
 
-[*] # 表示所有文件适用
-charset = utf-8 # 设置文件字符集为 utf-8
-indent_style = tab # 缩进风格（tab | space）
-indent_size = 2 # 缩进大小
-end_of_line = lf # 控制换行类型(lf | cr | crlf)
-trim_trailing_whitespace = true # 去除行首的任意空白字符
-insert_final_newline = true # 始终在文件末尾插入一个新行
+[*]
+charset = utf-8
+indent_style = tab
+indent_size = 2
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true

.env-config.ts

@@ -13,10 +13,10 @@ type ServiceEnv = Record<
 export const serviceEnv: ServiceEnv = {
   test: {
     env: 'test',
-    url: 'http://www.baidu.com'
+    url: 'http://www.baidu.com',
   },
   prod: {
     env: 'prod',
-    url: 'http://www.baidu.com'
-  }
+    url: 'http://www.baidu.com',
+  },
 };

.env.development

@@ -1 +1,2 @@
+# 是否开启打包文件大小结果分析
 VITE_VISUALIZER=false

.eslintignore

@@ -11,6 +11,6 @@ lib
 /docs
 .vscode
 .local
+package.json
 components.d.ts
 !.env-config.ts
-package.json

.eslintrc.js

@@ -1,30 +1,34 @@
 module.exports = {
   env: {
     browser: true,
-    es2021: true
+    es2021: true,
+    'vue/setup-compiler-macros': true,
   },
   globals: {
-    defineProps: 'readonly',
-    defineEmits: 'readonly',
-    defineExpose: 'readonly',
-    withDefaults: 'readonly',
     PROJECT_BUILD_TIME: 'readonly',
     AMap: 'readonly',
     BMap: 'readonly',
-    TMap: 'readonly'
+    TMap: 'readonly',
   },
   parser: 'vue-eslint-parser',
   parserOptions: {
     ecmaVersion: 12,
     parser: '@typescript-eslint/parser',
-    sourceType: 'module'
+    sourceType: 'module',
   },
   plugins: ['vue', '@typescript-eslint'],
-  extends: ['plugin:vue/vue3-recommended', 'airbnb-base', '@vue/typescript/recommended', 'plugin:prettier/recommended'],
+  extends: [
+    'airbnb-base',
+    'eslint:recommended',
+    'plugin:vue/vue3-recommended',
+    'plugin:prettier/recommended',
+    '@vue/eslint-config-typescript/recommended',
+    '@vue/eslint-config-prettier',
+    '@vue/typescript/recommended',
+  ],
   rules: {
     'import/extensions': 'off',
     'import/no-extraneous-dependencies': 'off',
-    'import/no-unresolved': 0,
     'import/order': [
       'error',
       {
@@ -34,129 +38,167 @@ module.exports = {
           {
             pattern: 'vue',
             group: 'external',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: 'vue-router',
             group: 'external',
-            position: 'before'
+            position: 'before',
           },
           {
-            pattern: 'pinia',
+            pattern: 'vuex',
             group: 'external',
-            position: 'before'
+            position: 'before',
           },
           {
-            pattern: 'naive-ui',
+            pattern: 'pinia',
             group: 'external',
-            position: 'before'
+            position: 'before',
           },
+          // ui framework, such as "naive-ui"
+          // {
+          //   pattern: 'naive-ui',
+          //   group: 'external',
+          //   position: 'before'
+          // },
           {
             pattern: '@/config',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/settings',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/enum',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/plugins',
             group: 'internal',
-            position: 'before'
-          },
-          {
-            pattern: '@/layouts',
-            group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/layouts',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/views',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/components',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/router',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/store',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/composables',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/hooks',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/service',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/utils',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/assets',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/**',
             group: 'internal',
-            position: 'before'
+            position: 'before',
           },
           {
             pattern: '@/interface',
             group: 'internal',
-            position: 'before'
-          }
+            position: 'before',
+          },
+        ],
+        pathGroupsExcludedImportTypes: [
+          'vue',
+          'vue-router',
+          'vuex',
+          'pinia',
+          // 'naive-ui'
         ],
-        pathGroupsExcludedImportTypes: ['vue', 'vue-router', 'pinia', 'naive-ui']
-      }
+      },
     ],
-    'import/prefer-default-export': 0,
-    'max-classes-per-file': 0,
-    'no-shadow': 0,
+    'import/no-unresolved': 'off',
+    'import/prefer-default-export': 'off',
+    'max-classes-per-file': 'off',
+    'no-param-reassign': [
+      'error',
+      {
+        props: true,
+        ignorePropertyModificationsFor: ['state', 'acc', 'e'],
+      },
+    ],
+    'no-plusplus': 'off',
+    'no-shadow': 'off',
     'no-unused-vars': 'off',
     'no-use-before-define': 'off',
-    'vue/comment-directive': 0,
-    'vue/multi-word-component-names': 0,
-    '@typescript-eslint/ban-types': 'off',
-    '@typescript-eslint/ban-ts-ignore': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    '@typescript-eslint/no-empty-function': 'off',
-    '@typescript-eslint/no-explicit-any': 0,
-    '@typescript-eslint/no-inferrable-types': 0,
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    '@typescript-eslint/no-unused-vars': ['warn', { ignoreRestSiblings: true, varsIgnorePattern: 'Ignored' }],
+    'vue/multi-word-component-names': [
+      'error',
+      {
+        ignores: ['index'],
+      },
+    ],
+    '@typescript-eslint/ban-types': [
+      'error',
+      {
+        types: {
+          '{}': {
+            message: 'Use object instead',
+            fixWith: 'object',
+          },
+        },
+      },
+    ],
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-shadow': 'error',
+    '@typescript-eslint/no-unused-vars': ['warn', { ignoreRestSiblings: true, varsIgnorePattern: '^_' }],
     '@typescript-eslint/no-use-before-define': ['error', { classes: true, functions: false, typedefs: false }],
-    '@typescript-eslint/no-var-requires': 'off'
-  }
+  },
+  overrides: [
+    {
+      files: ['*.vue'],
+      rules: {
+        'no-undef': 'off',
+      },
+    },
+    {
+      files: ['*.html'],
+      rules: {
+        'vue/comment-directive': 'off',
+      },
+    },
+  ],
 };

.gitignore

@@ -11,17 +11,20 @@ node_modules
 .DS_Store
 dist
 dist-ssr
+coverage
 *.local
+stats.html
 
 /cypress/videos/
 /cypress/screenshots/
 
 # Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+!.vscode/settings.json
 .idea
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
-
-stats.html

.prettierrc.js

@@ -1,27 +1,27 @@
-module.exports = {
-  printWidth: 120, // 超过最大值换行
-  tabWidth: 2, // 缩进字节数
-  useTabs: false, // 缩进使用tab，不使用空格
-  semi: true, // 句尾添加分号
-  singleQuote: true, // 使用单引号代替双引号
-  proseWrap: 'preserve', // 默认值。因为使用了一些折行敏感型的渲染器（如GitHub comment）而按照markdown文本样式进行折行
-  arrowParens: 'avoid', //  (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号
-  bracketSpacing: true, // 在对象，数组括号与文字之间加空格 "{ foo: bar }"
-  endOfLine: 'auto', // 结尾是 \n \r \n\r auto
-  eslintIntegration: false, //不让prettier使用eslint的代码格式进行校验
-  htmlWhitespaceSensitivity: 'ignore', // 指定HTML文件的全局空白区域敏感度 有效选项："css"- 遵守CSS display属性的默认值。"strict" - 空格被认为是敏感的。"ignore" - 空格被认为是不敏感的。html 中空格也会占位，影响布局，prettier 格式化的时候可能会将文本换行，造成布局错乱
-  ignorePath: '.prettierignore', // 不使用prettier格式化的文件填写在项目的.prettierignore文件中
-  jsxSingleQuote: false, // 在jsx中使用单引号代替双引号
-  requireConfig: false, // Require a 'prettierconfig' to format prettier
-  stylelintIntegration: false, //不让prettier使用stylelint的代码格式进行校验
-  trailingComma: 'none', // 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）
-  tslintIntegration: false, // 不让prettier使用tslint的代码格式进行校验
+module.exports = { // https://prettier.io/docs/en/options.html
+  arrowParens: 'always',
+  bracketSameLine: false,
+  bracketSpacing: true,
+  embeddedLanguageFormatting: 'auto',
+  htmlWhitespaceSensitivity: 'css',
+  insertPragma: false,
+  jsxSingleQuote: false,
+  printWidth: 120,
+  proseWrap: 'preserve',
+  quoteProps: 'as-needed',
+  requirePragma: false,
+  semi: true,
+  singleQuote: true,
+  tabWidth: 2,
+  trailingComma: 'es5',
+  useTabs: false,
+  vueIndentScriptAndStyle: false,
   overrides: [
     {
       files: '*.html',
       options: {
-        parser: 'html'
-      }
-    }
-  ]
+        parser: 'html',
+      },
+    },
+  ],
 };

build/define/index.ts

@@ -4,5 +4,5 @@ import dayjs from 'dayjs';
 const PROJECT_BUILD_TIME = JSON.stringify(dayjs().format('YYYY-MM-DD HH:mm:ss'));
 
 export const define = {
-  PROJECT_BUILD_TIME
+  PROJECT_BUILD_TIME,
 };

build/plugins/html.ts

@@ -10,8 +10,8 @@ export default (config: ConfigEnv): PluginOption[] => {
     inject: {
       data: {
         appName: viteEnv.VITE_APP_NAME,
-        appTitle: viteEnv.VITE_APP_TITLE
-      }
-    }
+        appTitle: viteEnv.VITE_APP_TITLE,
+      },
+    },
   });
 };