upgrade package versions and eslint config for Materialfy/M-Dash#80

.eslintrc.js

@@ -1,28 +1,35 @@
 /* eslint-disable no-undef */
 module.exports = {
-	root: true,
-	// this section will be used to determine which APIs are available to us
-	// (i.e are we running in a browser environment or a node.js env)
-	env: {
-		//node: true,
-		browser: true,
-	},
-	extends: [
-		// use the recommended rule set for both plain javascript and vue, this changes warning level
-		'eslint:recommended',
-		'plugin:vue/essential',
-		'plugin:vuetify/base',
-		//'prettier/vue',
-		//'plugin:prettier/recommended'
-	],
-	rules: {
-		'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-		'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-		'template-curly-spacing': 'off',
-		'indent': 'off',
-	},
-	parserOptions: {
-		parser: 'babel-eslint',
-		'sourceType': 'module',
-	},
+    root: true,
+    // this section will be used to determine which APIs are available to us
+    // (i.e are we running in a browser environment or a node.js env)
+    env: {
+        //node: true,
+        browser: true,
+    },
+    extends: [
+        // use the recommended rule set for both plain javascript and vue, this changes warning level
+        // All the "prettier" and "vuetify" linting give errors, possibly due to version mismatches
+        'plugin:vue/essential',
+        'eslint:recommended',
+        // 'plugin:prettier/recommended'
+        // '@vue/prettier'
+        // 'plugin:vuetify/base',
+        //'prettier/vue',
+    ],
+    rules: {
+        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        'template-curly-spacing': 'off',
+        'indent': 'off',
+        // For later versions
+        // 'vue/multi-word-component-names': ['error', {
+        //     'ignores': ['Footer', 'Error', 'Calendar', 'Notifications', 'Settings', 'Toasts', 'apexchart', 'Dash']
+        // }]
+    },
+    parserOptions: {
+        parser: 'babel-eslint',
+        'sourceType': 'module',
+        'requireConfigFile': false
+    },
 }

README.md

@@ -53,6 +53,7 @@ Using the Dashboard is pretty simple but requires basic knowledge of Javascript,
 5. Open your terminal(CMD/Power Shell etc) to project root( or use Shift + right-click in the folder on windows)
 6. at project root (/M-Dashboard) run one of the following commands in the terminal depending on which you use:
   - `npm install`, or `yarn install`if you use [Yarn](https://yarnpkg.com/en/) 
+  - use `npm install --legacy-peer-deps` if getting dependency fatal errors (see issue #80)
 7. Run `npm run dev --open` or `yarn serve --open` to start a local development server or use [Vue UI](https://cli.vuejs.org/guide/creating-a-project.html#using-the-gui)
 8. A new tab will be opened in your browser or click the url in the terminal
 9. You can use [Reqres](https://reqres.in/) to test logging in/out, or for data tables api(its already hooked up)

babel.config.js

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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "m-dashboard",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -9,47 +9,50 @@
     "dev": "npm run serve"
   },
   "dependencies": {
-    "@sentry/tracing": "^6.9.0",
-    "@sentry/vue": "^6.9.0",
-    "apexcharts": "^3.27.2",
-    "axios": "^0.21.1",
-    "chartist": "0.11.4",
-    "eslint-plugin-prettier": "^3.4.0",
-    "material-design-icons-iconfont": "^6.1.0",
-    "node-sass": "4.14.1",
+    "@mdi/font": "^6.5.95",
+    "@mdi/js": "^6.5.95",
+    "@sentry/tracing": "^6.15.0",
+    "@sentry/vue": "^6.15.0",
+    "apexcharts": "^3.31.0",
+    "axios": "^0.24.0",
+    "chartist": "^0.11.4",
+    "core-js": "^3.6.5",
+    "material-design-icons-iconfont": "^6.1.1",
     "nprogress": "^0.2.0",
     "secure-ls": "^1.2.6",
     "vue": "^2.6.14",
-    "vue-apexcharts": "^1.6.1",
+    "vue-apexcharts": "^1.6.2",
     "vue-chartist": "^2.3.1",
+    "vue-i18n": "^8.26.7",
     "vue-meta": "^2.4.0",
-    "vue-router": "^3.5.1",
-    "vuetify": "2.5.5",
+    "vue-router": "^3.5.3",
+    "vuetify": "^2.6.0",
     "vuex": "^3.6.2",
+    "vuex-persistedstate": "^4.1.0",
     "vuex-router-sync": "^5.0.0"
   },
   "devDependencies": {
-    "@mdi/font": "^5.9.55",
-    "@mdi/js": "^5.9.55",
-    "@vue/cli-plugin-babel": "^4.5.13",
-    "@vue/cli-plugin-eslint": "^4.5.13",
-    "@vue/cli-service": "^4.5.13",
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-plugin-eslint": "~4.5.0",
+    "@vue/cli-plugin-router": "~4.5.0",
+    "@vue/cli-plugin-vuex": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "@vue/eslint-config-prettier": "^6.0.0",
     "babel-eslint": "^10.1.0",
-    "eslint": "7.0.0",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-promise": "4.2.1",
-    "eslint-plugin-vue": "^7.11.1",
-    "eslint-plugin-vuetify": "^1.0.1",
-    "prettier": "^2.3.1",
+    "eslint": "~6.7.2",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-vuetify": "^1.1.0",
+    "prettier": "^2.2.1",
     "sass": "~1.32.0",
     "sass-loader": "^10.0.0",
-    "stylus": "^0.54.8",
-    "stylus-loader": "^6.1.0",
-    "vue-analytics": "^5.8.0",
-    "vue-cli-plugin-vuetify": "~2.4.1",
-    "vue-i18n": "^8.24.4",
-    "vue-template-compiler": "^2.6.14",
-    "vuetify-loader": "^1.7.0",
-    "vuex-persistedstate": "^4.0.0-beta.3"
-  }
+    "vue-cli-plugin-vuetify": "~2.4.4",
+    "vue-template-compiler": "^2.6.11",
+    "vuetify-loader": "^1.7.3"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
 }