catch v-link-active

Author: chrisvfritz

rules/vue-router/v-link-active.js

@@ -0,0 +1,16 @@
+'use strict'
+
+var chalk = require('chalk')
+
+module.exports = {
+  pattern: /\bv-link-active\b/,
+  warning: function (match) {
+    return {
+      reason: 'Active route classes are now handled through the <router-link> component',
+      fix: (
+        'Replace ' + chalk.red(match) + ' with the new <router-link> component with a custom tag (see link below for details)'
+      ),
+      docsHash: 'v-link-active-deprecated'
+    }
+  }
+}

rules/vue-router/v-link-active.spec.js

@@ -0,0 +1,26 @@
+'use strict'
+
+const check = createRuleChecker('vue-router/v-link-active')
+
+describe('Rule: v-link-active', () => {
+  it('does not match an empty line', () => {
+    const warning = check('')
+    expect(warning).toBe(null)
+  })
+
+  it('matches a simple v-link-active', () => {
+    const warning = check(`
+      <li v-link-active>
+    `)
+    expect(warning).toBeTruthy()
+    expect(warning.fix).toBe('Replace v-link-active with the new <router-link> component with a custom tag (see link below for details)')
+  })
+
+  it('matches a v-link-active with other attributes', () => {
+    const warning = check(`
+      <li data-foo="bar" v-link-active class="baz">
+    `)
+    expect(warning).toBeTruthy()
+    expect(warning.fix).toBe('Replace v-link-active with the new <router-link> component with a custom tag (see link below for details)')
+  })
+})

rules/vue-router/v-link.js

@@ -6,7 +6,7 @@ module.exports = {
   pattern: /\bv-link=(?:'[^']+'|"[^"]+")/,
   warning: function (match) {
     return {
-      reason: 'The v-link attribute has been replaced with the new <router-link> component',
+      reason: 'The v-link directive has been replaced with the new <router-link> component',
       fix: (
         'Replace ' + chalk.red(match) + ' with the new <router-link> component (see link below for details)'
       ),