vue3 + typescript autofix

//----------------- settings.json

{

    "window.zoomLevel": 1,

    "editor.renderWhitespace": "all",

    "workbench.iconTheme": "material-icon-theme",

    "editor.codeActionsOnSave": {

        "source.fixAll.eslint": true

    },

    "eslint.validate": [

        "typescript"

    ],

}

//-----------------.eslintrc.js

module.exports = {

  root: true,

  env: {

    node: true,

  },

  extends: [

    'plugin:vue/vue3-essential',

    'eslint:recommended',

    '@vue/typescript/recommended',

    '@vue/prettier',

    '@vue/prettier/@typescript-eslint',

  ],

  parserOptions: {

    ecmaVersion: 2020,

  },

  rules: {

    'prettier/prettier': [

      'error',

      {

        singleQuote: true,

      },

    ],

    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

  },

  overrides: [

    {

      files: [

        '**/__tests__/*.{j,t}s?(x)',

        '**/tests/unit/**/*.spec.{j,t}s?(x)',

      ],

      env: {

        mocha: true,

      },

    },

  ],

};