Eslint-plugin-vue goes crazy on normal js but not working in vue files about eslint-plugin-vue HOT 5 CLOSED

I did all the setup to get babel-eslint work in vue file, and I did notice that moving parser: 'babel-eslint', to parserOptions also breaks my normal babel js linting in vue file.

That was a good question, I actually not sure if Atom fully support running eslint on vue files yet. I guess I haven't fully understood the setup here, and I'm just gonna roll back to my previous setup for now. Hopefully there will be an official vue-linting package for vue in the future.

Thanks for the help.

from eslint-plugin-vue.

Thank you for the report.

However, it seems an npm problem.
eslint-plugin-vue is using vue-eslint-parser, but in your environment, npm seems to install an old vue-eslint-parser. So the error message says "Use the latest vue-eslint-parser".

Please try to remove node_modules and package-lock.json then npm install. (and mind that re-start your editor.)

from eslint-plugin-vue.

Ah, no, sorry.

You have parser: "babel-eslint" in your configuration. It overwrites parser: "vue-eslint-parser" of plugin:vue/recommended. It makes that eslint-plugin-vue does not work.

Please move the parser: "babel-eslint" into parserOptions.

  // http://eslint.org/docs/user-guide/configuring

  module.exports = {
    root: true,
-   parser: 'babel-eslint',
    parserOptions: {
+     parser: 'babel-eslint',
      sourceType: 'module'
    },
    env: {
      browser: true,
    },
    // required to lint *.vue files
    plugins: [
      'html',
      'vue'
    ],
    extends: [
      'eslint:recommended',
      'plugin:vue/recommended'
    ],
    // add your custom rules here
    'rules': {
      // allow debugger during development
      'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
      'no-console': ['warn', { allow: ['warn', 'error'] }],
      'no-undef': 'off',
      'quotes': ['warn', 'single', {
        'avoidEscape': true,
        'allowTemplateLiterals': true
      }],
      'semi': ['warn', 'always']
    }
  }

from eslint-plugin-vue.

Thanks @mysticatea
The errors do go away now, but it still doesn't quite work in vue files as shown in the screenshot above, as if it's not recognising my vue files. Is there anything else you can see from my settings? Thanks.

from eslint-plugin-vue.

Is your editor configured that it runs eslint on .vue files?
I'm not familiar with Atom, but for example, VSCode does not run eslint on .vue files by default.

from eslint-plugin-vue.