Compatibility with ESLint 4

[BenoitZugmeyer]

Hi, eslint-plugin-html author here. ESLint released its v4, and I released a v3 of my plugin to support it.

I've got some users who are using the vue plugin reporting issues because the html plugin version is fixed to v2. Would you mind changing the html plugin version to v3?

As I understand, you are planing to move away from the html plugin. I don't mind, but I think that in the meantime, users should be allowed to upgrade to ESLint v4.

[michalsnik]

Hi @BenoitZugmeyer. This is a problem indeed, and we should probably fix it, but in the meanwhile we just released eslint-plugin-vue@beta, which basically is 3.0.0 (we merged eslint-plugin-vue-trial with this plugin) and we encourage people to try our new release. It will be the official version as soon as we gather some feedback from users. The sooner the better :) Documentation is still on dev branch but soon it will me on master too.

[yyx990803]

Ah well it's a bit awkward now because eslint-plugin-html@3 has some breaking changes, so if we bump it it's technically a breaking change for eslint-plugin-vue too, but we just used the 3.0.0 tag
😂

Two options:

1. deprecate 3.0.0, release 2.x with ESLint 4 compat as 3.0.1;

2. keep 3.0.0, release 2.x with ESLint 4 compat as 2.1.0.

Option (2) is technically violating semver, but the breaking changes are relatively small and it would probably be less confusion for the users.

[michalsnik]

Our 3.0.0 resolves this issue and adds new rules so it's the recommended way of getting rid of this problem. But if we want to update previous release I'm opting for 2nd option @yyx990803 proposed to not confuse users too much.

@BenoitZugmeyer is eslint-plugin-html@3.0.0 compatible with both eslint@3.x and eslint@4.x?

[BenoitZugmeyer]

Yes, compatible with all versions of eslint starting from v2.

[vvo]

Hi, I just tried to use https://github.com/vuejs/eslint-plugin-vue/tree/dev (@beta) without any luck. Seems like the README is providing an installation procedure that does not work.

There's no recommended.js file inside the node_modules/eslint-plugin-vue

[michalsnik]

Hey @vvo, you either need to specify 3.0.0 in package.json or do "npm install eslint-plugin-vue@beta". Readme is being updated as we speak. Stay tuned, it should be on master branch soon, probably tomorrow :)

[vvo]

I did install @beta but then it said it was not able to find eslint-plugin-vue, if you look at the package.json inside the installed npm package, it has a main to lib/index.js but there's no lib/index.js

[michalsnik]

Try now @vvo, I just merged #23 and released 3.0.1, still as @beta. That's actually weird because I installed it before publishing and it worked nice, but it apparently shouldn't regarding the location of the index.js. Anyway it's now fixed and I hope it works now. Please let me know when you try it.

[vvo]

Do I need to somehow enforce eslint to also pass on .vue files (like with the html plugin)? If so we should maybe say so in readme?

[vvo]

I cannot get it work:

> npm run lint

> vue-instantsearch@0.2.1 lint /Users/vvo/Dev/Algolia/vue-instantsearch
> eslint .

Cannot read property 'some' of undefined
TypeError: Cannot read property 'some' of undefined
    at Object.isUnambiguousModule [as isModule] (/Users/vvo/Dev/Algolia/vue-instantsearch/node_modules/eslint-module-utils/unambiguous.js:29:18)
    at Function.ExportMap.parse (/Users/vvo/Dev/Algolia/vue-instantsearch/node_modules/eslint-plugin-import/lib/ExportMap.js:348:20)
    at Function.ExportMap.for (/Users/vvo/Dev/Algolia/vue-instantsearch/node_modules/eslint-plugin-import/lib/ExportMap.js:326:25)
    at Function.ExportMap.get (/Users/vvo/Dev/Algolia/vue-instantsearch/node_modules/eslint-plugin-import/lib/ExportMap.js:284:23)
    at processBodyStatement (/Users/vvo/Dev/Algolia/vue-instantsearch/node_modules/eslint-plugin-import/lib/rules/namespace.js:58:47)
    at Array.forEach (native)
    at Linter.Program (/Users/vvo/Dev/Algolia/vue-instantsearch/node_modules/eslint-plugin-import/lib/rules/namespace.js:87:14)
    at emitOne (events.js:101:20)
    at Linter.emit (events.js:191:7)
    at NodeEventGenerator.applySelector (/Users/vvo/Dev/Algolia/vue-instantsearch/node_modules/eslint/lib/util/node-event-generator.js:265:26)

Eslint project: https://github.com/algolia/eslint-config-algolia/tree/feat/eslint-plugin-vue

You can try in a new repo:

terminal

yarn add \
eslint babel-eslint prettier \
eslint-config-algolia@next eslint-config-prettier \
eslint-plugin-import eslint-plugin-jest eslint-plugin-prettier \
--dev

yarn add eslint-plugin-vue@3.0.1 --dev

.eslintrc.js

module.exports = {
  extends: 'algolia/vue',
};

The try to lint anything, it will fail.

[vvo]

Also does it lint JavaScript inside <script> code blocks of .vue components?

[mysticatea]

@vvo That error happens in eslint-plugin-import package. That package looks to parse files by itself, it seems to not support parserServices feature of ESLint. You can request the support of parserServices feature to eslint-plugin-import.

Also does it lint JavaScript inside <script> code blocks of .vue components?

Yes. The top-level <script> element are linted.

[michalsnik]

Regarding .vue files - you need to specify it while linting (eslint . --ext .js,.jsx,.vue) and that's a good point, we should probably mention it in the readme too.