refactor: 修改代码格式化

Author: fonghehe

Diff for: .eslintrc.js

@@ -14,38 +14,42 @@ module.exports = {
     ecmaFeatures: {
       jsx: true,
     },
+    project: './tsconfig.*?.json',
+    createDefaultProgram: false,
+    extraFileExtensions: ['.vue'],
   },
   extends: ['plugin:vue/vue3-recommended', 'plugin:@typescript-eslint/recommended', 'plugin:prettier/recommended'],
+  plugins: ['vue', '@typescript-eslint', 'import'],
   rules: {
-    'vue/script-setup-uses-vars': 'error',
-    '@typescript-eslint/ban-ts-ignore': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-var-requires': 'off',
-    '@typescript-eslint/no-empty-function': 'off',
-    'vue/custom-event-name-casing': 'off',
+    'no-unused-vars': 'off',
+    'no-case-declarations': 'off',
     'no-use-before-define': 'off',
-    '@typescript-eslint/no-use-before-define': 'off',
-    '@typescript-eslint/ban-ts-comment': 'off',
-    '@typescript-eslint/ban-types': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    'space-before-function-paren': 'off',
+
+    'import/first': 'error',
+    'import/newline-after-import': 'error',
+    'import/no-duplicates': 'error',
+
     '@typescript-eslint/no-unused-vars': [
       'error',
       {
         argsIgnorePattern: '^_',
         varsIgnorePattern: '^_',
       },
     ],
-    'no-unused-vars': [
-      'error',
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^_',
-      },
-    ],
-    'space-before-function-paren': 'off',
-
+    '@typescript-eslint/ban-ts-ignore': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/ban-types': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    '@typescript-eslint/no-use-before-define': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    'vue/script-setup-uses-vars': 'error',
+    'vue/no-reserved-component-names': 'off',
+    'vue/custom-event-name-casing': 'off',
     'vue/attributes-order': 'off',
     'vue/one-component-per-file': 'off',
     'vue/html-closing-bracket-newline': 'off',
@@ -69,4 +73,5 @@ module.exports = {
     ],
     'vue/multi-word-component-names': 'off',
   },
+  globals: { defineOptions: 'readonly' },
 };

Diff for: package.json

@@ -50,7 +50,9 @@
     "eslint": "^8.42.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-define-config": "^1.20.0",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-simple-import-sort": "^10.0.0",
     "eslint-plugin-vue": "^9.14.1",
     "husky": "^8.0.3",
     "import": "^0.0.6",
@@ -64,14 +66,16 @@
     "postcss-html": "^1.5.0",
     "postcss-less": "^6.0.0",
     "postcss-px-to-viewport": "^1.1.1",
+    "postcss-scss": "^4.0.6",
     "prettier": "^2.8.8",
     "rollup-plugin-visualizer": "^5.9.2",
     "stylelint": "^15.7.0",
-    "stylelint-config-prettier": "^9.0.5",
     "stylelint-config-recommended": "^12.0.0",
     "stylelint-config-recommended-vue": "^1.4.0",
     "stylelint-config-standard": "^33.0.0",
+    "stylelint-config-standard-scss": "^10.0.0",
     "stylelint-order": "^6.0.3",
+    "stylelint-prettier": "^3.0.0",
     "typescript": "5.0.4",
     "unocss": "^0.53.1",
     "unplugin-auto-import": "^0.16.4",
@@ -90,6 +94,7 @@
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-images": "^0.6.1",
     "vite-plugin-vue-setup-extend": "^0.4.0",
+    "vue-eslint-parser": "^9.3.1",
     "vue-tsc": "^1.7.0"
   },
   "resolutions": {

Diff for: src/App.vue

@@ -8,6 +8,7 @@
   body {
     height: 100%;
   }
+
   #app {
     font-family: Avenir, Helvetica, Arial, sans-serif;
     -webkit-font-smoothing: antialiased;

Diff for: src/hooks/loading.ts

@@ -1,4 +1,5 @@
 import { ref } from 'vue';
+
 export default function useLoading(initValue = false) {
   const loading = ref(initValue);
   const setLoading = (value: boolean) => {

Diff for: src/utils/index.ts

@@ -1,4 +1,5 @@
 import { resolve } from 'path';
+
 const fs = require('fs');
 
 function pathResolve(dir: string) {

Diff for: src/views/contain/component/main.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="echart">
-    <div id="myEChartsBar"></div>
-    <div id="myEChartsLine"></div>
+    <div id="my-echartsbar"></div>
+    <div id="my-echartsline"></div>
   </div>
 </template>
 
 <script setup lang="ts">
   import echarts from '../../../common/echarts';
+
   const changeBar = (bar) => {
     const myEChart = echarts.init(bar);
     const option = {
@@ -66,10 +67,11 @@
 </script>
 
 <style scoped>
-  #myEChartsBar {
+  #my-echartsbar {
     height: 300px;
   }
-  #myEChartsLine {
+
+  #my-echartsline {
     height: 300px;
   }
 </style>

Diff for: src/views/contain/component/subAside.vue

@@ -19,6 +19,7 @@
   // import { ref } from 'vue';
   // 拿到父组件传入的值
   import SubAside from './subAside.vue';
+
   defineProps({
     isCollapse: Boolean,
     menu: Object,

Diff for: src/views/contain/index.vue

@@ -19,9 +19,11 @@
 <style lang="less" scoped>
   .common-layout {
     height: 100%;
+
     .el-container {
       height: 100%;
     }
+
     .el-header {
       padding: 0;
     }

Diff for: src/views/demo/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
   import { reactive } from 'vue';
   import Header from '/@/components/Header/index.vue';
+
   const title = `通过TailWind快速实现<br>Github2021年年度
                     <a traget="_blank" href="https://octoverse.github.com/"><font>octoverse</font></a>`;
   const datav = reactive([
@@ -45,11 +46,11 @@
   }
 
   .bg-2 {
-    background-color: rgba(244, 248, 253, 1);
+    background-color: rgb(244 248 253 / 100%);
   }
 
   .bg-3 {
-    background-color: rgba(240, 248, 246, 1);
+    background-color: rgb(240 248 246 / 100%);
   }
 
   font {

Diff for: stylelint.config.js

@@ -1,15 +1,36 @@
 module.exports = {
   root: true,
-  plugins: ['stylelint-order'],
-  extends: ['stylelint-config-standard', 'stylelint-config-prettier'],
-  customSyntax: 'postcss-html',
+  extends: ['stylelint-config-standard'],
+  plugins: ['stylelint-order', 'stylelint-prettier'],
+  // customSyntax: 'postcss-html',
+  overrides: [
+    {
+      files: ['**/*.(css|html|vue)'],
+      customSyntax: 'postcss-html',
+    },
+    {
+      files: ['*.less', '**/*.less'],
+      customSyntax: 'postcss-less',
+      extends: ['stylelint-config-standard', 'stylelint-config-recommended-vue'],
+    },
+    {
+      files: ['*.scss', '**/*.scss'],
+      customSyntax: 'postcss-scss',
+      extends: ['stylelint-config-standard-scss', 'stylelint-config-recommended-vue/scss'],
+      rule: {
+        'scss/percent-placeholder-pattern': null,
+      },
+    },
+  ],
   rules: {
+    'selector-not-notation': null,
+    'import-notation': null,
     'function-no-unknown': null,
     'selector-class-pattern': null,
     'selector-pseudo-class-no-unknown': [
       true,
       {
-        ignorePseudoClasses: ['global'],
+        ignorePseudoClasses: ['global', 'deep'],
       },
     ],
     'selector-pseudo-element-no-unknown': [
@@ -21,18 +42,14 @@ module.exports = {
     'at-rule-no-unknown': [
       true,
       {
-        ignoreAtRules: ['tailwind', 'apply', 'variants', 'responsive', 'screen', 'function', 'if', 'each', 'include', 'mixin'],
+        ignoreAtRules: ['tailwind', 'apply', 'variants', 'responsive', 'screen', 'function', 'if', 'each', 'include', 'mixin', 'extend'],
       },
     ],
     'no-empty-source': null,
     'string-quotes': null,
     'named-grid-areas-no-invalid': null,
-    'unicode-bom': 'never',
     'no-descending-specificity': null,
     'font-family-no-missing-generic-family-keyword': null,
-    'declaration-colon-space-after': 'always-single-line',
-    'declaration-colon-space-before': 'never',
-    // 'declaration-block-trailing-semicolon': 'always',
     'rule-empty-line-before': [
       'always',
       {
@@ -56,34 +73,8 @@ module.exports = {
         },
         'rules',
       ],
-      { severity: 'warning' },
+      { severity: 'error' },
     ],
   },
   ignoreFiles: ['**/*.js', '**/*.jsx', '**/*.tsx', '**/*.ts'],
-  overrides: [
-    {
-      files: ['*.vue', '**/*.vue', '*.html', '**/*.html'],
-      extends: ['stylelint-config-recommended'],
-      rules: {
-        'keyframes-name-pattern': null,
-        'selector-pseudo-class-no-unknown': [
-          true,
-          {
-            ignorePseudoClasses: ['deep', 'global'],
-          },
-        ],
-        'selector-pseudo-element-no-unknown': [
-          true,
-          {
-            ignorePseudoElements: ['v-deep', 'v-global', 'v-slotted'],
-          },
-        ],
-      },
-    },
-    {
-      files: ['*.less', '**/*.less'],
-      customSyntax: 'postcss-less',
-      extends: ['stylelint-config-standard', 'stylelint-config-recommended-vue'],
-    },
-  ],
 };