feat: Added "auto" option to manage automatic axe verification.

Author: ktquez

README.md

@@ -26,6 +26,7 @@ if (process.env.NODE_ENV !== 'production') {
 ## Configuration
 | Key                    | Type     | Description                                                   | Default    
 | ---------------------- | -------- |-------------------------------------------------------------- | -----------
+| `auto`                 | Boolean  | Disables automatic verification. Only checks with `$axe.run`  | `true`    
 | `clearConsoleOnUpdate` | Boolean  | Clears the console each time `vue-axe` runs                   | `false`    
 | `customResultHandler`  | Function | Handle the results. (This may be needed for automated tests)
 | `config`               | Object   | Provide your [Axe-core configuration](https://github.com/dequelabs/axe-core/blob/master/doc/API.md#api-name-axeconfigure)  | [See default config](https://github.com/vue-a11y/vue-axe/blob/master/src/index.js#L13) 

demo/src/main.js

@@ -1,12 +1,10 @@
 import Vue from 'vue'
-import VueAxe from 'vue-axe'
+import VueAxe from '../vue-axe'
 import App from './App.vue'
 import router from './router.js'
 
 // Don't use this plugin in production => if (process.env.NODE_ENV !== 'production')
-Vue.use(VueAxe, {
-  clearConsoleOnUpdate: true
-})
+Vue.use(VueAxe)
 Vue.config.productionTip = false
 
 /* eslint-disable no-new */

demo/src/pages/Home.vue

@@ -37,7 +37,7 @@
       @click="showAlt = !showAlt"
       v-text="showAlt ? 'Remove the alt tag from the logo' : 'Add an alt tag to the logo'"
     />
-    <button @click="correctedLinkColor = !correctedLinkColor">
+    <button @click="toggleLinkColor">
       Change links color
     </button>
 
@@ -99,29 +99,18 @@ export default {
   },
   data () {
     return {
-      // num: 0,
       correctedLinkColor: false,
       showAlt: false,
       scope: true
     }
   },
-  // mounted()
-  // {
-  //   this.updateNumber();
-  // },
-  // mounted () {
-  //   setTimeout(() => {
-  //     this.$axe.run({ clearConsole: false })
-  //   }, 5000)
-  // },
   methods: {
-    // updateNumber()
-    // {
-    //   setTimeout(() => {
-    //     this.num += 1;
-    //     this.updateNumber();
-    //   }, 500);
-    // }
+    toggleLinkColor () {
+      this.correctedLinkColor = !this.correctedLinkColor
+
+      // Using "auto: false" $axe.run working
+      // this.$axe.run()
+    }
   }
 }
 </script>

src/index.js

@@ -8,6 +8,7 @@ export default function install (Vue, options) {
   if (typeof window === 'undefined') return
 
   const defaultOptions = {
+    auto: true,
     clearConsoleOnUpdate: false,
     delay: 0,
     config: {
@@ -60,6 +61,9 @@ export default function install (Vue, options) {
     }, 1000, { maxWait: 5000 })
   }
 
+  // if false, disable automatic verification
+  if (!options.auto) return
+
   // Rechecking when updating specific component
   Vue.mixin({
     updated () {