ESLint: code cleanup 2

Author: C451

.eslintrc.js

@@ -19,5 +19,6 @@ module.exports = {
         "vue"
     ],
     "rules": {
+        "vue/html-indent": "off"
     }
 };

src/App.vue

@@ -9,15 +9,14 @@
 <script>
 import TradingVue from './TradingVue.vue'
 import Data from '../data/data.json'
-import Utils from './stuff/utils.js'
 
 export default {
     name: 'app',
     components: {
         TradingVue
     },
     methods: {
-        onResize(event) {
+        onResize() {
             this.width = window.innerWidth
             this.height = window.innerHeight
         }

src/components/Chart.vue

@@ -22,10 +22,8 @@ import Context from '../stuff/context.js'
 import Layout from './js/layout.js'
 import Utils from '../stuff/utils.js'
 import CursorUpdater from './js/updater.js'
-import Grid from './Grid.vue'
 import GridSection from './Section.vue'
 import Botbar from './Botbar.vue'
-import Sidebar from './Sidebar.vue'
 
 export default {
     name: 'Chart',
@@ -34,10 +32,8 @@ export default {
         'overlays', 'tv_id', 'config', 'buttons'
     ],
     components: {
-        Grid,
         GridSection,
-        Botbar,
-        Sidebar,
+        Botbar
     },
     created() {
 
@@ -87,7 +83,7 @@ export default {
             if (this.ohlcv.length < dl) {
                 var s = 0, d = ml
             } else {
-                var s = l - dl, d = 0.5
+                s = l - dl, d = 0.5
             }
 
             Utils.overwrite(this.range, [

src/components/Legend.vue

@@ -14,7 +14,7 @@
         C<span class="t-vue-lspan" >{{ohlcv[3]}}</span>
         V<span class="t-vue-lspan" >{{ohlcv[4]}}</span>
     </div>
-    <div class="t-vue-ind" v-for="ind of this.indicators">
+    <div class="t-vue-ind" v-for="ind in this.indicators">
         <span class="t-vue-iname">{{ind.name}}</span>
         <button-group
             v-bind:buttons="common.buttons"
@@ -27,7 +27,7 @@
         </button-group>
         <span class="t-vue-ivalues" v-if="ind.v">
             <span class="t-vue-lspan t-vue-ivalue"
-                  v-for="v of ind.values" :style="{ color: v.color }">
+                  v-for="v in ind.values" :style="{ color: v.color }">
                 {{v.value}}
             </span>
         </span>

src/components/LegendButton.vue

@@ -1,8 +1,7 @@
 <template>
     <img class="t-vue-lbtn" :src="base64"
         :id="uuid"
-        @click="onclick"
-    ></img>
+        @click="onclick">
 </template>
 <script>
 
@@ -21,7 +20,7 @@ export default {
         file_name() {
             let id = this.$props.id
             if (this.$props.id === 'display') {
-                id = this.$props.display ? 'display_on' : 'display_off' 
+                id = this.$props.display ? 'display_on' : 'display_off'
             }
             return id + '.png'
         },

src/components/Section.vue

@@ -101,7 +101,6 @@ export default {
             return p
         },
         get_meta_props() {
-            const id = this.$props.grid_id
             return this.meta_props
         }
     },

src/components/js/layout.js

@@ -5,7 +5,6 @@
 // data formatting (e.g. grid width depends on sidebar precision)
 // So it's better to calc all in one place.
 
-import Const from '../../stuff/constants.js'
 import GridMaker from './grid_maker.js'
 
 function Layout(params) {

src/components/overlays/Trades.vue

@@ -45,13 +45,13 @@ export default {
                     var pos = 'Short'
                     break
                 case 0:
-                    var pos = 'Closed'
+                    pos = 'Closed'
                     break
                 case 1:
-                    var pos = 'Long'
+                    pos = 'Long'
                     break
                 default:
-                    var pos = 'Unknown'
+                    pos = 'Unknown'
             }
 
             return [

src/examples/Reactive.vue

@@ -9,17 +9,14 @@
 
 import TradingVue from './TradingVue.vue'
 import Data from '../data/data.json'
-import Utils from './stuff/utils.js'
-
-import Grin from './examples/overlays/Grin.vue'
 
 export default {
     name: 'app',
     components: {
         TradingVue
     },
     methods: {
-        onResize(event) {
+        onResize() {
             this.width = window.innerWidth
             this.height = window.innerHeight
         }

src/stuff/utils.js

@@ -1,5 +1,5 @@
 
-var IndexedArray = require("arrayslicer");
+import IndexedArray from 'arrayslicer'
 
 export default {