Nuxt3: как настроить eslint?

Question

Nuxt3: как настроить eslint

      npx nuxi init nuxt3-app

Answer 1

Если вы используете typescript,
вы можете добавитькак зависимость от разработчиков

И создать с

      {
  "extends": [
    "@nuxtjs/eslint-config-typescript"
  ],
  "rules": {
    "@typescript-eslint/no-unused-vars": [
      "off"
    ]
  }
}

---

Если вы не используете машинопись,
добавьте@nuxtjs/eslint-configвместо@nuxtjs/eslint-config-typescript

И создать.eslintrcс

      {
  "extends": [
    "@nuxtjs"
  ],
}

---

Более подробная информация о nuxt linter доступна здесь: https://github.com/nuxt/eslint-config.

Answer 2

Устанавливает следующие библиотеки.

      - @nuxtjs/eslint-config
- @typescript-eslint/eslint-plugin
- @typescript-eslint/parser    
- eslint
- eslint-config-standard
- eslint-config-standard-with-typescript
- eslint-plugin-import
- eslint-plugin-n
- eslint-plugin-promise
- eslint-plugin-vue

некоторые из них устанавливаются eslint по умолчанию.

тогда в вашем.eslintrc.jsфайл

      module.exports = {
  env: {
    browser: true,
    es2021: true,
    node: true,
    'vue/setup-compiler-macros': true
  },
  extends: [
    'plugin:vue/base',
    'plugin:vue/vue3-essential',
    'plugin:vue/vue3-strongly-recommended',
    'plugin:vue/vue3-recommended',
    'eslint:recommended',
    'standard'
  ],
  parser: 'vue-eslint-parser',
  overrides: [],
  parserOptions: {
    parser: '@typescript-eslint/parser',
    ecmaVersion: 'latest',
    sourceType: 'module'
  },
  plugins: [
    'vue',
    '@typescript-eslint'
  ],
}