Update npm dependencies

package.json

@@ -2,44 +2,45 @@
     "private": true,
     "scripts": {
         "dev": "npm run development",
-        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "watch": "npm run development -- --watch",
-        "watch-poll": "npm run watch -- --watch-poll",
-        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
+        "development": "mix",
+        "watch": "mix watch",
+        "watch-poll": "mix watch -- --watch-options-poll=1000",
+        "hot": "mix watch --hot",
         "prod": "npm run production",
-        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+        "production": "mix --production"
     },
     "devDependencies": {
-        "@kirschbaum-development/laravel-translations-loader": "^1.0.2",
+        "@kirschbaum-development/laravel-translations-loader": "^1.3.2",
         "cross-env": "^7.0.2",
-        "laravel-mix": "^5.0.9",
+        "laravel-mix": "^6.0.39",
         "lodash": "^4.17.20",
         "popper.js": "^1.16.1",
-        "resolve-url-loader": "^3.1.2",
-        "sass": "^1.29.0",
-        "sass-loader": "^10.0.5",
-        "vue-template-compiler": "^2.6.12"
+        "resolve-url-loader": "^4.0.0",
+        "sass": "^1.44.0",
+        "sass-loader": "^12.3.0",
+        "vue-loader": "^15.9.8",
+        "vue-template-compiler": "^2.6.14"
     },
     "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^1.2.32",
-        "@fortawesome/free-brands-svg-icons": "^5.15.1",
-        "@fortawesome/free-regular-svg-icons": "^5.15.1",
-        "@fortawesome/free-solid-svg-icons": "^5.15.1",
-        "@fortawesome/vue-fontawesome": "^2.0.0",
-        "axios": "^0.21.0",
-        "bulma": "^0.9.2",
-        "bulma-checkradio": "^1.1.1",
+        "@fortawesome/fontawesome-svg-core": "^1.2.36",
+        "@fortawesome/free-brands-svg-icons": "^5.15.4",
+        "@fortawesome/free-regular-svg-icons": "^5.15.4",
+        "@fortawesome/free-solid-svg-icons": "^5.15.4",
+        "@fortawesome/vue-fontawesome": "^2.0.6",
+        "axios": "^0.24.0",
+        "bulma": "^0.9.3",
+        "bulma-checkradio": "^2.1.2",
         "bulma-switch": "^2.0.0",
         "object-equals": "^0.3.0",
         "v-clipboard": "^2.2.3",
-        "vue": "^2.6.12",
-        "vue-axios": "^3.1.3",
-        "vue-i18n": "^8.22.1",
+        "vue": "^2.6.14",
+        "vue-axios": "^3.4.0",
+        "vue-i18n": "^8.26.7",
         "vue-notification": "^1.3.20",
         "vue-pull-refresh": "^0.2.7",
-        "vue-qrcode-reader": "^2.3.14",
-        "vue-router": "^3.4.9",
-        "vue2-storage": "^5.0.0",
+        "vue-qrcode-reader": "^3.0.6",
+        "vue-router": "^3.5.3",
+        "vue2-storage": "^6.1.3",
         "vuedraggable": "^2.24.3"
     }
 }

resources/js/packages/vue-storage.js

@@ -1,9 +1,10 @@
 import Vue          from 'vue'
-import VueStorage from 'vue2-storage'
+import { Plugin } from 'vue2-storage'
 
 // You can specify the plug-in configuration when connecting, passing the second object to Vue.use
-Vue.use(VueStorage, {
+Vue.use(Plugin, {
     prefix: '',
     driver: 'local',
-    ttl: 60 * 60 * 24 * 1000 * 122 // 4 month
+    ttl: 60 * 60 * 24 * 1000 * 122, // 4 month
+    replacer: (key, value) => value
 })

webpack.mix.js

@@ -11,9 +11,10 @@ const mix = require('laravel-mix');
  |
  */
 
-//mix.sourceMaps(false, "source-map")
+// mix.sourceMaps(false, "source-map")
 mix
     .js('resources/js/app.js', 'public/js')
+    .vue({ version: 2 })
     .extract([
       'vue',
       'axios',