@jenniesh/eslint-config-vue3 v1.0.0

Eslint and Prettier Setup for Vue3

This package provides my Eslint and Prettier config.

Usage

1. Install package

• npm

npx install-peerdeps --dev @jenniesh/eslint-config-vue3

• yarn

npx install-peerdeps --dev @jenniesh/eslint-config-vue3 -Y

Make sure that the dependencies of your configuration package may also be installed.

2. Add "@jenniesh/eslint-config-vue3" to extends in your .eslintrc

// .eslintrc.js

{
  extends: [ "@jenniesh/eslint-config-vue3" ]
}

VS Code Settings

1. Install the Eslint Extension

2. Add settings.json file in .vscode folder

// settings.json

{
    // These are all my auto-save configs
    "editor.formatOnSave": true,
    // turn it off for JS and JSX, we will do this via eslint
    "[javascript]": {
    "editor.formatOnSave": false
    },
    "[javascriptreact]": {
    "editor.formatOnSave": false
    },
    // show eslint icon at bottom toolbar
    "eslint.alwaysShowStatus": true,
    // tell the ESLint plugin to run on save
    "editor.codeActionsOnSave": {
    "source.fixAll": true
    }
}

3. Restart VS Code