Repository: vuejs/eslint-plugin-vue (js)

Issue:
Message: Use the latest vue-eslint-parser
Tried to use the eslint-plugin-vue@beta, but i'm getting the following error: Use the latest vue-eslint-parser.

Here's my .eslintrc.js:

// http://eslint.org/docs/user-guide/configuring
module.exports = {
  root: true,
  parser: 'vue-eslint-parser',
  parserOptions: {
    sourceType: 'module',
    parser: 'babel-eslint',
        sourceType: 'module',
        allowImportExportEverywhere: false
  },
  env: {
    browser: true,
  },
  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
  extends: ['eslint:recommended',
    'plugin:vue/recommended'],
  // required to lint *.vue files
  plugins: [   
    
  ],
  'settings': {
    
  },
  // add your custom rules here
  'rules': {
    // allow paren-less arrow functions
    'arrow-parens': 0,
    // allow async-await
    'generator-star-spacing': 0,
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    'camelcase': 2,
    'vue/no-invalid-template-root':2
  }
}


I installed the parser, and upgraded eslint to 4.0, but i'm still getting the error, both in vs code, and at compile time.
![image](https://user-images.githubusercontent.com/28810524/27248280-f066c5fe-52c6-11e7-829b-4a0002a6de45.png).

Pull request:
Fix: more robust parser setting (fixes #30)
Fixes #30.

This PR ensures that this plugin uses correct `vue-eslint-parser` even if modules are not flatten.

Patch:
diff --git a/lib/config/base.js b/lib/config/base.js
index 5b3797d5..d7bc8d7d 100644
--- a/lib/config/base.js
+++ b/lib/config/base.js
@@ -1,7 +1,7 @@
 module.exports = {
   root: true,
 
-  parser: 'vue-eslint-parser',
+  parser: require.resolve('vue-eslint-parser'),
 
   parserOptions: {
     ecmaVersion: 6,
diff --git a/lib/rules/html-no-self-closing.js b/lib/rules/html-no-self-closing.js
index 19848cb9..0a9a3678 100644
--- a/lib/rules/html-no-self-closing.js
+++ b/lib/rules/html-no-self-closing.js
@@ -29,7 +29,7 @@ function create (context) {
         context.report({
           node,
           loc: node.loc,
-          message: 'Self-closing shuld not be used.',
+          message: 'Self-closing should not be used.',
           fix: (fixer) => fixer.removeRange([pos, pos + 1])
         })
       }


Test patch:
diff --git a/tests/lib/rules/html-no-self-closing.js b/tests/lib/rules/html-no-self-closing.js
index 3f298fb4..26f8edb8 100644
--- a/tests/lib/rules/html-no-self-closing.js
+++ b/tests/lib/rules/html-no-self-closing.js
@@ -45,19 +45,19 @@ tester.run('html-no-self-closing', rule, {
       filename: 'test.vue',
       code: '<template><div><br/></div></template>',
       output: '<template><div><br></div></template>',
-      errors: ['Self-closing shuld not be used.']
+      errors: ['Self-closing should not be used.']
     },
     {
       filename: 'test.vue',
       code: '<template><div><input/></div></template>',
       output: '<template><div><input></div></template>',
-      errors: ['Self-closing shuld not be used.']
+      errors: ['Self-closing should not be used.']
     },
     {
       filename: 'test.vue',
       code: '<template><div><div/></div></template>',
       output: '<template><div><div></div></template>',
-      errors: ['Self-closing shuld not be used.']
+      errors: ['Self-closing should not be used.']
     }
   ]
 })