multiple lint fixes

docs/.eslintignore

@@ -0,0 +1,7 @@
+/.nuxt
+/coverage
+/dist
+/plugins/libs
+/static/sw.js
+/node_modules
+/.eslintrc.js

docs/.eslintrc.js

@@ -11,5 +11,26 @@ module.exports = {
   plugins: [
   ],
   // add your custom rules here
-  rules: {}
-}
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'semi': [2, 'always'],
+    'import/order': 'off',
+    '@typescript-eslint/no-unused-vars': 'off',
+    'indent': 'off',
+    'vue/html-closing-bracket-spacing': 'off',
+    'vue/html-self-closing': 'off',
+    'vue/attributes-order': 'off',
+    'vue/singleline-html-element-content-newline': 'off',
+    'vue/no-v-html': 'off',
+    'vue/order-in-components': 'off',
+    'quote-props': 'off',
+    'vue/html-closing-bracket-newline': [2, {
+      singleline: 'never',
+      multiline: 'never'
+    }],
+    'no-tabs': 'off',
+    'vue/html-indent': 'off',
+    'vue/name-property-casing': 'off'
+  }
+};

docs/components/Circuit.vue

@@ -57,11 +57,6 @@ export default {
       default: () => { return {}; }
     }
   },
-  computed: {
-    disabled () {
-      return !this.concurrent && this.active;
-    }
-  },
   data () {
     return {
       shouldSucceed: true,
@@ -71,8 +66,13 @@ export default {
       logs: ''
     };
   },
+  computed: {
+    disabled () {
+      return !this.concurrent && this.active;
+    }
+  },
   methods: {
-    async request (delay) {
+    request (delay) {
       return new Promise((resolve, reject) => {
         setTimeout(() => {
           if (this.shouldSucceed) {
@@ -118,7 +118,7 @@ export default {
   updated () {
     this.circuit.modules = this.modules;
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>

docs/components/DataCircle.vue

@@ -31,7 +31,7 @@ export default {
       return {
         'width': this.size,
         'height': this.size,
-        'background-color': this.color,
+        'background-color': this.color
       };
     },
     tooltipStyle () {
@@ -40,7 +40,7 @@ export default {
       };
     }
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>

docs/components/Navbar.vue

@@ -14,9 +14,7 @@
     </ul>
     <ul class="madoc-navbar-list right">
       <li v-if="navbar.github" class="icon">
-				<a :href="navbar.github.link" target='_blank'>
-          <Github/>
-				</a>
+        <a :href="navbar.github.link" target="_blank"><Github/></a>
 			</li>
     </ul>
   </nav>
@@ -32,11 +30,8 @@ export default {
   props: {
     navbar: {
       type: Object,
-      default: {}
+      default: () => { return {}; }
     }
-  },
-  data () {
-    return {};
   }
 };
 </script>

docs/components/Sidebar.vue

@@ -25,12 +25,9 @@ export default {
   props: {
     sidebar: {
       type: Object,
-      default: {}
+      default: () => { return {}; }
     }
   },
-  data () {
-    return {};
-  },
   computed: {
     groups () {
       const groups = {};

docs/components/Toggle.vue

@@ -26,17 +26,12 @@ export default {
       default: ''
     }
   },
-  data () {
-    return {
-      // value: false
-    };
-  },
   methods: {
     onInput () {
       this.$emit('input', !this.value);
     }
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>

docs/components/global/playground/breaker/sliding/pg-count.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="mollitia-playground">
     <Circuit ref="c1" :modules="modules">
-      <Sliding slidingType="count" ref="cb1"></Sliding>
+      <Sliding sliding-type="count" ref="cb1"></Sliding>
     </Circuit>
   </div>
 </template>
@@ -25,7 +25,7 @@ export default {
     this.circuit = this.$refs.c1.circuit;
     this.modules.push(this.$refs.cb1.slidingWindowBreaker);
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>

docs/components/global/playground/breaker/sliding/pg-time.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="mollitia-playground">
     <Circuit ref="c1" :modules="modules">
-      <Sliding slidingType="time" ref="tb1"></Sliding>
+      <Sliding sliding-type="time" ref="tb1"></Sliding>
     </Circuit>
   </div>
 </template>
@@ -25,11 +25,11 @@ export default {
     this.circuit = this.$refs.c1.circuit;
     this.modules.push(this.$refs.tb1.slidingWindowBreaker);
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>
 div.mollitia-playground {
   height: 100%;
 }
-</style>
+</style>

docs/components/global/playground/pg-bulkhead.vue

@@ -1,6 +1,14 @@
 <template>
   <div class="mollitia-playground">
-    <Circuit ref="c1" @start="randomizeColor" :modules="modules" :concurrent="true" :success-params="successParams" :failure-params="failureParams" :init-time="4000" :can-fail="false">
+    <Circuit
+      ref="c1"
+      @start="randomizeColor"
+      :modules="modules"
+      :concurrent="true"
+      :success-params="successParams"
+      :failure-params="failureParams"
+      :init-time="4000"
+      :can-fail="false">
       <Bulkhead ref="b1"></Bulkhead>
     </Circuit>
   </div>
@@ -50,7 +58,7 @@ export default {
     this.circuit = this.$refs.c1.circuit;
     this.modules.push(this.$refs.b1.bulkhead);
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>

docs/components/global/playground/pg-cache.vue

@@ -28,7 +28,7 @@ export default {
   mounted () {
     this.modules.push(this.$refs.ca1.cache);
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>

docs/components/global/playground/pg-ratelimit.vue

@@ -30,7 +30,7 @@ export default {
     this.circuit = this.$refs.c1.circuit;
     this.modules.push(this.$refs.rl1.ratelimit);
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>

docs/components/global/playground/pg-retry.vue

@@ -29,7 +29,7 @@ export default {
   mounted () {
     this.modules.push(this.$refs.r1.retry);
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>

docs/components/global/playground/pg-timeout.vue

@@ -28,7 +28,7 @@ export default {
   mounted () {
     this.modules.push(this.$refs.t1.timeout);
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>

docs/components/module/Bulkhead.vue

@@ -92,7 +92,7 @@ export default {
       maxQueueWait: this.maxQueueWait
     });
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>

docs/components/module/Cache.vue

@@ -46,19 +46,16 @@ export default {
     time () {
       return this.$parent.time;
     },
-    width () {
-      return;
-    },
     timeStyle () {
       return {
         'width': `${this.timePercent}%`
-      }
+      };
     },
     style () {
       return {
         'width': `${this.percent}%`,
         'background-color': this.cached ? 'var(--mollitia-success-color)' : 'var(--mollitia-error-color)'
-      }
+      };
     }
   },
   methods: {
@@ -115,7 +112,7 @@ export default {
     clearInterval(this.interval);
     this.cache.off('execute', this.onExecute);
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>

docs/components/module/RateLimit.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script>
-var index = 0;
+let index = 0;
 export default {
   name: 'Ratelimit',
   props: {
@@ -52,7 +52,7 @@ export default {
       return {
         'width': `${this.percent}%`,
         'background-color': 'var(--mollitia-info-color)'
-      }
+      };
     }
   },
   methods: {
@@ -65,7 +65,7 @@ export default {
         if (this.results.length === 10) {
           this.results.shift();
         }
-        this.results.push({id: index++, value: true});
+        this.results.push({ id: index++, value: true });
         this.timeForRequests.push(new Date().getTime());
         if (!this.interval) {
           this.percent = 0;
@@ -89,30 +89,28 @@ export default {
       if (this.results.length === 10) {
         this.results.shift();
       }
-      this.results.push({id: index++, value: false});
+      this.results.push({ id: index++, value: false });
     }
   },
   created () {
     this.ratelimit = new this.$mollitia.Ratelimit({
       limitPeriod: this.limitPeriod,
-      limitForPeriod: this.limitForPeriod,
+      limitForPeriod: this.limitForPeriod
     });
     this.ratelimit.on('ratelimit', this.onRatelimit);
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>
 .mollitia-module-rate-limit {
   padding: 10px;
   border: 1px solid var(--madoc-grey-5);
 }
-
 .mollitia-module-rate-limit-header {
   padding: 10px;
   border-bottom: 1px solid var(--madoc-grey-5);
 }
-
 .mollitia-module-rate-limit-content {
   display: flex;
   .mollitia-module-rate-limit-config {
@@ -171,5 +169,5 @@ export default {
       }
     }
   }
-}  
+}
 </style>

docs/components/module/Retry.vue

@@ -52,7 +52,7 @@ export default {
     cleanup () {
       this.requests = new Array(this.retries).fill(0, 0, this.retries);
       this.intervals = new Array(this.retries);
-      for (let i=0;i<=this.retries;i++) {
+      for (let i = 0; i <= this.retries; i++) {
         this.$refs[`progress-${i}`][0].style.width = 0;
       }
     },
@@ -102,7 +102,6 @@ export default {
       }
     }
   },
-
   created () {
     this.requests = new Array(this.attempts).fill(0, 0, this.attempts);
     this.retry = new this.$mollitia.Retry({
@@ -118,7 +117,7 @@ export default {
     this.retry.off('execute', this.onExecute);
     this.retry.off('retry', this.onRetry);
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>