# Установка для Vue 3 [Vite](https://vitejs.dev/)

> **Примечание:** Эта документация для ESLint 8 (`@vizex_ru/eslint-config@0.2.4`).
> Для ESLint 9 смотрите [README.md](./README.md).

## JS

Обязательно наличие следующих пакетов в devDependencies:
```
"eslint": "^8.54.0",
"eslint-import-resolver-vite": "^1.0.3",
"eslint-plugin-vue": "^9.1.1",
"vite-plugin-eslint": "^1.6.1",
```

#### .eslintrc.js
```js
module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: ['@vizex_ru/eslint-config/vue'],
  settings: {
    'import/resolver': {
      vite: {
        configPath: './vite.config.js',
      },
      webpack: 'off',
    },
  },
};
```

## TS
Обязательно наличие следующих пакетов в devDependencies:
```
"@typescript-eslint/eslint-plugin": "^6.13.1",
"@typescript-eslint/parser": "^6.13.1",
"eslint-import-resolver-vite": "^1.0.3",
"vite-plugin-eslint": "^1.6.1",
"vite-plugin-typescript": "^1.0.4",
"vue-eslint-parser": "^9.0.2",
```

#### .eslintrc.js
```js
module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: ['@vizex_ru/eslint-config/vue-typescript'],
  parser: '@typescript-eslint/parser',
  parserOptions: {
    ecmaVersion: 2020,
    project: ['./tsconfig.json'],
  },
  settings: {
    'import/resolver': {
      vite: {
        configPath: './vite.config.ts',
      },
      webpack: 'off',
    },
  },
};
```