v1.0.2 - Update

Author: dragosct

.babelrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not ie <= 8

.browserslistrc

@@ -1,15 +1,14 @@
-// http://eslint.org/docs/user-guide/configuring
-
 module.exports = {
-  "extends": [
-    'plugin:vue/essential',
-    '@vue/standard'
-  ],
-  "parserOptions": {
-    "parser": "babel-eslint"
+  root: true,
+  env: {
+    node: true
   },
-  "root": true,
-  "env": {
-    "node": true
+  extends: ["plugin:vue/essential", "@vue/prettier"],
+  rules: {
+    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
   },
+  parserOptions: {
+    parser: "babel-eslint"
+  }
 };

.editorconfig

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ["@vue/app"]
+};

.eslintignore

@@ -1,55 +1,32 @@
 {
   "name": "vue-material-dashboard",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve --open",
+    "dev": "npm run serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "dev": "npm run serve"
+    "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "chartist": "0.11.0",
-    "google-maps": "3.2.1",
-    "vue": "2.5.16",
+    "chartist": "^0.11.0",
+    "google-maps": "^3.3.0",
+    "vue": "^2.5.17",
     "vue-clickaway": "2.2.2",
     "vue-material": "1.0.0-beta-8",
-    "vue-router": "3.0.1"
+    "vue-router": "^3.0.1"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "3.0.0-beta.15",
-    "@vue/cli-plugin-eslint": "3.0.0-beta.15",
-    "@vue/cli-service": "3.0.0-beta.15",
-    "@vue/eslint-config-standard": "3.0.0-rc.3",
-    "babel-plugin-component": "1.1.1",
-    "babel-plugin-module-resolver": "3.1.1",
-    "babel-plugin-transform-runtime": "6.23.0",
-    "es6-promise": "4.2.4",
-    "lint-staged": "7.2.0",
-    "node-sass": "4.9.2",
-    "sass-loader": "7.0.3",
-    "vue-template-compiler": "2.5.16"
-  },
-  "postcss": {
-    "plugins": {
-      "autoprefixer": {}
-    }
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not ie <= 8"
-  ],
-  "author": "dragosct <[email protected]>",
-  "description": "Vue Material Dashboard",
-  "lint-staged": {
-    "*.js": [
-      "vue-cli-service lint",
-      "git add"
-    ],
-    "*.vue": [
-      "vue-cli-service lint",
-      "git add"
-    ]
+    "@vue/cli-plugin-babel": "^3.0.1",
+    "@vue/cli-plugin-eslint": "^3.0.1",
+    "@vue/cli-service": "^3.0.1",
+    "@vue/eslint-config-prettier": "^4.0.1",
+    "babel-eslint": "^10.0.1",
+    "es6-promise": "^4.2.5",
+    "eslint": "^5.9.0",
+    "eslint-plugin-vue": "^5.0.0-beta.4",
+    "node-sass": "^4.10.0",
+    "sass-loader": "^7.1.0",
+    "vue-template-compiler": "^2.5.17"
   }
 }

.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+};

babel.config.js

@@ -3,5 +3,5 @@
 </template>
 
 <script>
-export default{}
+export default {};
 </script>

package.json

@@ -15,30 +15,30 @@
 </template>
 <script>
 export default {
-  name: 'chart-card',
+  name: "chart-card",
   props: {
     footerText: {
       type: String,
-      default: ''
+      default: ""
     },
     headerTitle: {
       type: String,
-      default: 'Chart title'
+      default: "Chart title"
     },
     chartType: {
       type: String,
-      default: 'Line' // Line | Pie | Bar
+      default: "Line" // Line | Pie | Bar
     },
     chartOptions: {
       type: Object,
       default: () => {
-        return {}
+        return {};
       }
     },
     chartResponsiveOptions: {
       type: Array,
       default: () => {
-        return []
+        return [];
       }
     },
     chartData: {
@@ -47,42 +47,46 @@ export default {
         return {
           labels: [],
           series: []
-        }
+        };
       }
     },
     dataBackgroundColor: {
       type: String,
-      default: ''
+      default: ""
     }
   },
-  data () {
+  data() {
     return {
-      chartId: 'no-id'
-    }
+      chartId: "no-id"
+    };
   },
   methods: {
     /***
      * Initializes the chart by merging the chart options sent via props and the default chart options
      */
-    initChart () {
-      var chartIdQuery = `#${this.chartId}`
-      this.$Chartist[this.chartType](chartIdQuery, this.chartData, this.chartOptions)
+    initChart() {
+      var chartIdQuery = `#${this.chartId}`;
+      this.$Chartist[this.chartType](
+        chartIdQuery,
+        this.chartData,
+        this.chartOptions
+      );
     },
     /***
      * Assigns a random id to the chart
      */
-    updateChartId () {
-      var currentTime = new Date().getTime().toString()
-      var randomInt = this.getRandomInt(0, currentTime)
-      this.chartId = `div_${randomInt}`
+    updateChartId() {
+      var currentTime = new Date().getTime().toString();
+      var randomInt = this.getRandomInt(0, currentTime);
+      this.chartId = `div_${randomInt}`;
     },
-    getRandomInt (min, max) {
-      return Math.floor(Math.random() * (max - min + 1)) + min
+    getRandomInt(min, max) {
+      return Math.floor(Math.random() * (max - min + 1)) + min;
     }
   },
-  mounted () {
-    this.updateChartId()
-    this.$nextTick(this.initChart)
+  mounted() {
+    this.updateChartId();
+    this.$nextTick(this.initChart);
   }
-}
+};
 </script>

postcss.config.js

@@ -8,7 +8,6 @@
 
 <script>
 export default {
-  name: 'nav-tabs-card'
-}
-
+  name: "nav-tabs-card"
+};
 </script>

src/App.vue

@@ -15,12 +15,12 @@
 </template>
 <script>
 export default {
-  name: 'stats-card',
+  name: "stats-card",
   props: {
     dataBackgroundColor: {
       type: String,
-      default: ''
+      default: ""
     }
   }
-}
+};
 </script>

src/components/Cards/ChartCard.vue

@@ -12,24 +12,24 @@
   </div>
 </template>
 <script>
-export default{
-  name: 'drop-down',
+export default {
+  name: "drop-down",
   props: {
     title: String,
     icon: String
   },
-  data () {
+  data() {
     return {
       isOpen: false
-    }
+    };
   },
   methods: {
-    toggleDropDown () {
-      this.isOpen = !this.isOpen
+    toggleDropDown() {
+      this.isOpen = !this.isOpen;
     },
-    closeDropDown () {
-      this.isOpen = false
+    closeDropDown() {
+      this.isOpen = false;
     }
   }
-}
+};
 </script>