@soyhuce/eslint-config-vue

A shareable ESLint configuration for Vue

Usage no npm install needed!

<script type="module">
  import soyhuceEslintConfigVue from 'https://cdn.skypack.dev/@soyhuce/eslint-config-vue';
</script>

README

@soyhuce/eslint-config-vue

ESLint shareable config for Soyhuce Vue style.

Installation

pnpm add -D @soyhuce/eslint-config-vue

# with standard config and ESLint
pnpm add -D eslint @soyhuce/eslint-config @soyhuce/eslint-config-vue

Usage

In order to use this config, choose the one you want and add this configuration to your package.json:

{
 "eslintConfig": {
   "extends": [
     "@soyhuce/eslint-config",
+    "@soyhuce/eslint-config-vue"
   ]
 }
}

Or add a .eslintrc.js file to your project root containing:

module.exports = {
  extends: [
    '@soyhuce/eslint-config',
+   '@soyhuce/eslint-config-vue'
  ]
}

VSCode integration

We recommend turning on VSCode settings to automatically run eslint --fix on save.

"editor.codeActionsOnSave": {
+  "source.fixAll.eslint": true
}

This will automatically format your code once you save. You don't need VSCode prettier extension enabled or running on save as eslint will automatically run prettier for you.