chore(docs): apply eslint fixes on .vue files

Author: Pooya Parsa

.eslintrc.js

@@ -20,5 +20,8 @@ module.exports = {
         Tether: true,
         Promise: true,
         Vue: true
-    }
+  },
+  rules: {
+    "vue/attributes-order": 0
+  }
 }

docs/components/codemirror.vue

@@ -1,92 +1,94 @@
 <template>
-    <textarea ref="textArea" :value="value"></textarea>
+  <textarea
+    ref="textArea"
+    :value="value"/>
 </template>
 
 <script>
-    let CodeMirror;
+let CodeMirror
 
-    if (typeof window !== 'undefined') {
-        CodeMirror = require('codemirror');
+if (typeof window !== 'undefined') {
+  CodeMirror = require('codemirror')
 
-        /* eslint-disable import/no-unassigned-import */
-        require('codemirror/mode/javascript/javascript');
-        /* eslint-disable import/no-unassigned-import */
-        require('codemirror/mode/shell/shell');
-        /* eslint-disable import/no-unassigned-import */
-        require('codemirror/mode/vue/vue');
-        /* eslint-disable import/no-unassigned-import */
-        require('codemirror/mode/htmlmixed/htmlmixed');
-        /* eslint-disable import/no-unassigned-import */
-        require('codemirror/addon/edit/closetag');
-        /* eslint-disable import/no-unassigned-import */
-        require('codemirror/addon/edit/closebrackets');
-        /* eslint-disable import/no-unassigned-import */
-        require('codemirror/addon/fold/xml-fold');
-    }
+  /* eslint-disable import/no-unassigned-import */
+  require('codemirror/mode/javascript/javascript')
+  /* eslint-disable import/no-unassigned-import */
+  require('codemirror/mode/shell/shell')
+  /* eslint-disable import/no-unassigned-import */
+  require('codemirror/mode/vue/vue')
+  /* eslint-disable import/no-unassigned-import */
+  require('codemirror/mode/htmlmixed/htmlmixed')
+  /* eslint-disable import/no-unassigned-import */
+  require('codemirror/addon/edit/closetag')
+  /* eslint-disable import/no-unassigned-import */
+  require('codemirror/addon/edit/closebrackets')
+  /* eslint-disable import/no-unassigned-import */
+  require('codemirror/addon/fold/xml-fold')
+}
 
-    export default {
-        data() {
-            return {
-                CM: null
-            };
-        },
-        mounted() {
-            this.CM = CodeMirror.fromTextArea(this.$refs.textArea, {
-                mode: this.mode,
-                theme: this.theme,
-                tabMode: this.tabMode,
-                lineWrapping: this.lineWrapping,
-                lineNumbers: this.lineNumbers,
-                autoCloseTags: true,
-                autoCloseBrackets: true,
-                readOnly: this.readOnly
-            });
+export default {
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    mode: {
+      type: [String, Object],
+      default: ''
+    },
+    theme: {
+      type: String,
+      default: 'default'
+    },
+    tabMode: {
+      type: String,
+      default: 'indent'
+    },
+    lineWrapping: {
+      type: Boolean,
+      default: true
+    },
+    lineNumbers: {
+      type: Boolean,
+      default: true
+    },
+    readOnly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      CM: null
+    }
+  },
+  watch: {
+    value (new_val, old_val) {
+      if (!old_val || old_val === '') {
+        this.CM.setValue(new_val)
+      }
+    }
+  },
+  mounted () {
+    this.CM = CodeMirror.fromTextArea(this.$refs.textArea, {
+      mode: this.mode,
+      theme: this.theme,
+      tabMode: this.tabMode,
+      lineWrapping: this.lineWrapping,
+      lineNumbers: this.lineNumbers,
+      autoCloseTags: true,
+      autoCloseBrackets: true,
+      readOnly: this.readOnly
+    })
 
-            this.CM.on('change', () => {
-                this.$emit('input', this.CM.getValue());
-            });
-        },
-        watch: {
-            value(new_val, old_val) {
-                if (!old_val || old_val === '') {
-                    this.CM.setValue(new_val);
-                }
-            }
-        },
-        beforeDestroy() {
-            if (this.CM) {
-                this.CM.toTextArea();
-            }
-        },
-        props: {
-            value: {
-                type: String,
-                default: ''
-            },
-            mode: {
-                type: [String, Object],
-                default: ''
-            },
-            theme: {
-                type: String,
-                default: 'default'
-            },
-            tabMode: {
-                type: String,
-                default: 'indent'
-            },
-            lineWrapping: {
-                type: Boolean,
-                default: true
-            },
-            lineNumbers: {
-                type: Boolean,
-                default: true
-            },
-            readOnly: {
-                type: Boolean,
-                default: false
-            }
-        }
-    };
+    this.CM.on('change', () => {
+      this.$emit('input', this.CM.getValue())
+    })
+  },
+  beforeDestroy () {
+    if (this.CM) {
+      this.CM.toTextArea()
+    }
+  }
+}
 </script>