Fix configuration, update generator

Author: michalsnik

config/base.js

@@ -1,7 +1,7 @@
 module.exports = {
   root: true,
 
-  parser: "vue-eslint-parser",
+  parser: 'vue-eslint-parser',
 
   parserOptions: {
     ecmaVersion: 6,

config/recommended.js

@@ -1,4 +1,4 @@
 module.exports = {
   extends: require.resolve('./base.js'),
-  rules: require.resolve('./recommended-rules.js'),
+  rules: require('../lib/recommended-rules.js'),
 };

lib/recommended-rules.js

@@ -4,30 +4,29 @@
  * in order to update it's content execute "npm run update"
  */
 module.exports = {
-  "html-end-tags": "error",
-  "html-no-self-closing": "error",
-  "html-quotes": "off",
-  "jsx-uses-vars": "error",
-  "no-confusing-v-for-v-if": "error",
-  "no-duplicate-attributes": "error",
-  "no-invalid-template-root": "error",
-  "no-invalid-v-bind": "error",
-  "no-invalid-v-cloak": "error",
-  "no-invalid-v-else-if": "error",
-  "no-invalid-v-else": "error",
-  "no-invalid-v-for": "error",
-  "no-invalid-v-html": "error",
-  "no-invalid-v-if": "error",
-  "no-invalid-v-model": "error",
-  "no-invalid-v-on": "error",
-  "no-invalid-v-once": "error",
-  "no-invalid-v-pre": "error",
-  "no-invalid-v-show": "error",
-  "no-invalid-v-text": "error",
-  "no-parsing-error": "error",
-  "no-textarea-mustache": "error",
-  "require-component-is": "error",
-  "require-v-for-key": "error",
-  "v-bind-style": "off",
-  "v-on-style": "off"
-}
+  "vue/html-end-tags": "error",
+  "vue/html-no-self-closing": "error",
+  "vue/html-quotes": "off",
+  "vue/no-confusing-v-for-v-if": "error",
+  "vue/no-duplicate-attributes": "error",
+  "vue/no-invalid-template-root": "error",
+  "vue/no-invalid-v-bind": "error",
+  "vue/no-invalid-v-cloak": "error",
+  "vue/no-invalid-v-else-if": "error",
+  "vue/no-invalid-v-else": "error",
+  "vue/no-invalid-v-for": "error",
+  "vue/no-invalid-v-html": "error",
+  "vue/no-invalid-v-if": "error",
+  "vue/no-invalid-v-model": "error",
+  "vue/no-invalid-v-on": "error",
+  "vue/no-invalid-v-once": "error",
+  "vue/no-invalid-v-pre": "error",
+  "vue/no-invalid-v-show": "error",
+  "vue/no-invalid-v-text": "error",
+  "vue/no-parsing-error": "error",
+  "vue/no-textarea-mustache": "error",
+  "vue/require-component-is": "error",
+  "vue/require-v-for-key": "error",
+  "vue/v-bind-style": "off",
+  "vue/v-on-style": "off"
+}

package.json

@@ -4,13 +4,13 @@
   "description": "Official ESLint plugin for Vue.js",
   "main": "lib/index.js",
   "scripts": {
-    "start": "npm run update && npm run test:simple -- --watch --growl",
+    "start": "npm run test:simple -- --watch --growl",
     "test:base": "mocha tests --recursive",
     "test:simple": "npm run test:base -- --reporter nyan",
     "test": "nyc npm run test:base",
     "lint": "eslint .",
     "pretest": "npm run lint",
-    "preversion": "npm test",
+    "preversion": "npm run update && npm test",
     "postversion": "git push --follow-tags",
     "update": "node ./tools/update-rules.js"
   },

tools/update-rules.js

@@ -19,7 +19,6 @@ const path = require("path")
 const root = path.resolve(__dirname, "../lib/rules")
 const readmeFile = path.resolve(__dirname, "../README.md")
 const recommendedRulesFile = path.resolve(__dirname, "../lib/recommended-rules.js")
-const categories = ["Possible Errors", "Best Practices", "Stylistic Issues"]
 const tablePlaceholder = /<!--RULES_TABLE_START-->[\s\S]*<!--RULES_TABLE_END-->/
 const readmeContent = fs.readFileSync(readmeFile, "utf8")
 
@@ -34,28 +33,37 @@ const rules = fs.readdirSync(root)
     require(path.join(root, fileName)),
   ])
 
+const categories = rules
+  .map(entry => entry[1].meta.docs.category)
+  .reduce((arr, category) => {
+    if (!arr.includes(category)) {
+      arr.push(category);
+    }
+    return arr;
+  }, [])
+
 const rulesTableContent = categories.map(category => `
-  ### ${category}
+### ${category}
 
-  |    | Rule ID | Description |
-  |:---|:--------|:------------|
-  ${
-    rules
-      .filter(entry => entry[1].meta.docs.category === category)
-      .map(entry => {
-        const name = entry[0]
-        const meta = entry[1].meta
-        const mark = `${meta.docs.recommended ? STAR : ""}${meta.fixable ? PEN : ""}`
-        const link = `[${name}](./docs/rules/${name}.md)`
-        const description = meta.docs.description || "(no description)"
-        return `| ${mark} | ${link} | ${description} |`
-      })
-      .join("\n")
-  }
+|    | Rule ID | Description |
+|:---|:--------|:------------|
+${
+  rules
+    .filter(entry => entry[1].meta.docs.category === category)
+    .map(entry => {
+      const name = entry[0]
+      const meta = entry[1].meta
+      const mark = `${meta.docs.recommended ? STAR : ""}${meta.fixable ? PEN : ""}`
+      const link = `[${name}](./docs/rules/${name}.md)`
+      const description = meta.docs.description || "(no description)"
+      return `| ${mark} | ${link} | ${description} |`
+    })
+    .join("\n")
+}
 `).join("\n")
 
 const recommendedRules = rules.reduce((obj, entry) => {
-  const name = entry[0]
+  const name = `vue/${entry[0]}`;
   const recommended = entry[1].meta.docs.recommended
   const status = recommended ? 'error' : 'off'
   obj[name] = status;