vue 3 typescript eslint prettier

.eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true
  },
  parser: 'vue-eslint-parser',
  parserOptions: {
    parser: '@typescript-eslint/parser',
    ecmaVersion: 'latest',
    sourceType: 'module'
  },
  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:vue/vue3-recommended', 'prettier'],
  plugins: ['prettier', '@typescript-eslint'],
  rules: {
    '@typescript-eslint/no-unused-vars': 'error',
    '@typescript-eslint/no-explicit-any': 'off',
    '@typescript-eslint/ban-ts-comment': 'off',
    'no-unused-vars': 'off',
    'vue/no-unused-vars': 'off',
    'vue/v-on-event-hyphenation': 'off',
    'vue/multi-word-component-names': 'off',
    'vue/require-v-for-key': 'off',
    'vue/no-v-html': 'off',
    'prettier/prettier': ['error']
  },
  ignorePatterns: ['dist']
}

.prettierrc.json

{
  "endOfLine": "auto",
  "singleQuote": true,
  "printWidth": 120,
  "tabWidth": 2,
  "trailingComma": "none",
  "semi": false,
  "useTabs": false,
  "arrowParens": "avoid",
  "quoteProps": "consistent",
  "bracketSpacing": true,
  "proseWrap": "always",
  "singleAttributePerLine": true
}

install.cmd

npm install -D eslint prettier eslint-plugin-vue @typescript-eslint/parser eslint-config-prettier eslint-plugin-prettier @typescript-eslint/eslint-plugin vue-eslint-parser