Eslint-plugin-vue: Using standard with eslint-plugin-vue

[timwis]

Hi folks, I'd like to suggest a snippet added to the docs describing how to use eslint-plugin-vue with standard, under the assumption that it's a rather common linter, but specifically because its users don't typically use it via eslint, but as its own binary.

I currently have it running as a separate npm script: one runs standard --plugin html '**/*.{js,vue}', and the other runs eslint 'src/**/*.vue' (with an .eslintrc that has the vue plugin in it) and that works fine, but there's probably a way to consolidate. I haven't done it, but figured someone here had, and waited to raise the suggestion of including it in the docs if others feel it's warranted.

[michalsnik]

Hey @timwis. Thanks for this proposal. I personally however didn't try consolidating it yet. I only used standard as eslint preset and it worked well with this plugin. I'm not sure there's a better way of making both working closely together. If you however manage to come up with something don't hesitate to submit PR, we can discuss it :)

[timwis]

I think vue-cli 3 takes care of this

[mesqueeb]

I have a similar problem where I want my vue files to receive linting from standard and vue/essential.
If I write my .eslintrc.js file like so, standard is somehow disabled:

  extends: ['standard', 'plugin:vue/essential'],
  // required to lint *.vue files
  plugins: [
    'vue'
  ],

but if I remove the 'plugin:vue/essential' standard is linted in vue files properly.

Any advice for me?

[timwis]

@mesqueeb check out how vue-cli 3 does it. there's a package in there called vue-standard

[mesqueeb]

Sorry @timwis I'm a bit confused. vue-cli 3 is a CLI, and I was more looking for a linter in VScode as a plugin perhaps. Or am I confusing things?

[fancyboynet]

@timwis Sorry,I did not find the package,can you paste the link please?

[vintprox]

@fancyboynet I guess it is related to Adonuxt template and/or AdonisJS starter .eslistrc.js configuration (I recognized it by // required to lint *.vue files comment).
Adonuxt starter has error in configuration that seems pretty innocent:

  parser: 'babel-eslint',

but it should be replaced with

  parserOptions: {
    parser: 'babel-eslint'
  },

as noted here.

They also put html plugin as one that should lint vue files, but IMHO it's weird: Vue SFCs are special, directives and scripts should be linted through eslint-plugin-vue.