chore(client addon): update deps

client-addon/.eslintrc.js

@@ -8,7 +8,7 @@ module.exports = {
     '@vue/standard',
   ],
   rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-console': process.env.NODE_ENV === 'production' ? 'warning' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'comma-dangle': ['error', 'always-multiline'],
   },

client-addon/babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
   presets: [
-    '@vue/app',
+    '@vue/cli-plugin-babel/preset',
   ],
 }

client-addon/package.json

@@ -10,15 +10,18 @@
   "dependencies": {
     "@vue/cli-ui": "^3.0.0",
     "@vue/ui": "^0.5.6",
+    "core-js": "^3.1.2",
     "d3": "^5.7.0",
     "vue": "^2.5.16"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.0.0",
-    "@vue/cli-plugin-eslint": "^3.0.0",
-    "@vue/cli-service": "^3.0.0",
+    "@vue/cli-plugin-babel": "^4.0.4",
+    "@vue/cli-plugin-eslint": "^4.0.4",
+    "@vue/cli-service": "^4.0.4",
     "@vue/cli-ui": "^3.0.0",
     "@vue/eslint-config-standard": "^4.0.0",
+    "eslint": "^4.19.1",
+    "eslint-plugin-vue": "^5.2.3",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.2",
     "vue-template-compiler": "^2.5.16"

client-addon/src/components/SimpleGraph.vue

@@ -46,7 +46,7 @@ export default {
       const l = points.length
       for (const point of points) {
         const operator = path ? 'L' : 'M'
-        const position = `${index / l * 100},${100 - this.scale(point.value)}`
+        const position = `${index / l * 100},${100 - scale(point.value)}`
         path += `${operator}${position}`
         index++
       }

client-addon/src/components/widgets/EngineKeyMetrics.vue

@@ -25,7 +25,7 @@
         />
         <div>No available data</div>
       </div>
-      
+
       <component
         v-else
         :is="component"
@@ -51,7 +51,7 @@ const bus = new Vue()
 
 export default {
   inject: [
-    'widget'
+    'widget',
   ],
 
   sharedData () {
@@ -71,7 +71,7 @@ export default {
   computed: {
     component () {
       return COMPONENTS[this.widget.data.config.type]
-    }
+    },
   },
 
   watch: {
@@ -89,7 +89,7 @@ export default {
       disabled: () => this.loading,
       onCalled: () => {
         bus.$emit('refresh')
-      }
+      },
     })
 
     this.widget.addHeaderAction({
@@ -98,7 +98,7 @@ export default {
       tooltip: 'Open Apollo Engine',
       onCalled: () => {
         window.open(`${this.engineFrontend}/service/${this.widget.data.config.service}/metrics`, '_blank')
-      }
+      },
     })
 
     bus.$on('refresh', this.fetchMetrics)
@@ -127,7 +127,7 @@ export default {
       }
 
       this.loading = false
-    }
+    },
   },
 }
 </script>

client-addon/src/components/widgets/EngineKeyMetricsErrorPercentage.vue

@@ -47,7 +47,7 @@ export default {
   methods: {
     getErrorRate (metrics) {
       if (metrics.requestsWithErrorsCount === 0) return 0
-      return metrics.requestsWithErrorsCount /  
+      return metrics.requestsWithErrorsCount /
         (metrics.uncachedRequestsCount +
         metrics.cachedRequestsCount)
     },
@@ -65,7 +65,7 @@ export default {
       queries={this.queries}
       rawData={this.data}
     />
-  }
+  },
 }
 </script>
 

client-addon/src/components/widgets/EngineKeyMetricsP95Time.vue

@@ -56,7 +56,7 @@ export default {
       queries={this.queries}
       rawData={this.data}
     />
-  }
+  },
 }
 </script>
 

client-addon/src/components/widgets/EngineKeyMetricsRequestRate.vue

@@ -69,7 +69,7 @@ export default {
       queries={this.queries}
       rawData={this.data}
     />
-  }
+  },
 }
 </script>
 

client-addon/src/components/widgets/EngineKeyMetricsView.vue

@@ -177,12 +177,12 @@ export default {
   &.small-width
     .top
       flex-direction column
-    
+
     .infos
       display flex
       .title
         flex 1
-    
+
     .secondary-infos
       display none
 

client-addon/src/utils/math.js

@@ -15,4 +15,4 @@ export function formatNumber (value) {
     }
   }
   return round(result)
-}
+}