Big dependencies update!

server/Dockerfile

@@ -6,7 +6,7 @@ RUN apt-get install nodejs npm curl -y
 
 RUN npm install n -g
 
-RUN n install 18
+RUN n install 21.4.0
 
 COPY package*.json ./
 

web/.eslintrc.js

@@ -11,8 +11,12 @@ module.exports = {
   },
 
   parserOptions: {
-    parser: 'babel-eslint'
+    parser: '@babel/eslint-parser'
   },
 
-  extends: ['plugin:vue/recommended', '@vue/prettier']
+  extends: ['plugin:vue/recommended', '@vue/prettier'],
+
+  rules: {
+    'vue/multi-word-component-names': 'off'
+  }
 }

web/Dockerfile

@@ -1,5 +1,5 @@
 # build stage
-FROM node:16.18.1 as build-stage
+FROM node:21.4.0 as build-stage
 WORKDIR /app
 COPY package*.json ./
 RUN npm install

web/package.json

@@ -15,36 +15,37 @@
     "chart.js": "^3.9.1",
     "chartjs-adapter-date-fns": "^2.0.1",
     "date-fns": "^2.29.3",
-    "eslint": "^6.8.0",
-    "generate-password": "^1.7.1",
+    "eslint": "^8.55.0",
     "qrcode.vue": "^1.7.0",
+    "regenerator-runtime": "^0.14.0",
     "roboto-fontface": "*",
     "validator": "^13.7.0",
-    "vue": "^2.7.14",
-    "vue-apollo": "^3.1.0",
+    "vue": "^2.7.15",
+    "vue-apollo": "^3.1.1",
     "vue-chartjs": "^4.1.2",
     "vue-json-pretty": "^1.9.3",
     "vue-router": "^3.6.5",
     "vue-the-mask": "^0.11.1",
-    "vuetify": "^2.6.12",
+    "vuetify": "^2.7.1",
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.5.19",
-    "@vue/cli-plugin-eslint": "^4.5.19",
-    "@vue/cli-plugin-router": "^4.5.19",
-    "@vue/cli-service": "^4.5.19",
-    "@vue/eslint-config-prettier": "^6.0.0",
-    "babel-eslint": "^10.1.0",
-    "eslint-plugin-prettier": "^3.4.1",
-    "eslint-plugin-vue": "^7.20.0",
+    "@babel/eslint-parser": "^7.23.3",
+    "@vue/cli-plugin-babel": "^5.0.8",
+    "@vue/cli-plugin-eslint": "^5.0.8",
+    "@vue/cli-plugin-router": "^5.0.8",
+    "@vue/cli-service": "^5.0.8",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "babel-polyfill": "^6.26.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-vue": "^9.19.2",
     "graphql-tag": "^2.12.6",
-    "prettier": "^2.8.1",
-    "sass": "^1.32",
-    "sass-loader": "^10.2.0",
+    "prettier": "^3.1.1",
+    "sass": "~1.32.6",
+    "sass-loader": "^10.5.0",
     "vue-cli-plugin-apollo": "^0.22.2",
     "vue-cli-plugin-vuetify": "^2.5.8",
-    "vue-template-compiler": "^2.7.14",
+    "vue-template-compiler": "^2.7.15",
     "vuetify-loader": "^1.9.2"
   }
 }

web/src/components/AboutCard.vue

@@ -69,7 +69,9 @@
 </template>
 
 <script>
-import { version } from '../../package.json'
+import packageInfo from '../../package.json'
+
+const { version } = packageInfo
 
 export default {
   name: 'AboutCard',

web/src/components/ReplacePasswordForm.vue

@@ -39,7 +39,7 @@
 <script>
 import UserSelect from './UserSelect'
 import NewPasswordFields from './NewPasswordFields'
-import generator from 'generate-password'
+// import generator from 'generate-password'
 
 export default {
   name: 'ReplacePasswordForm',
@@ -69,16 +69,17 @@ export default {
   }),
   methods: {
     generatePassword() {
-      this.suggestion = generator.generate({
-        length: 8,
-        numbers: true,
-        symbols: true,
-        uppercase: true,
-        lowercase: true,
-        excludeSimilarCharacters: true,
-        strict: true
-      })
-      this.valid
+      // this.suggestion = generator.generate({
+      //   length: 8,
+      //   numbers: true,
+      //   symbols: true,
+      //   uppercase: true,
+      //   lowercase: true,
+      //   excludeSimilarCharacters: true,
+      //   strict: true
+      // })
+
+      this.suggestion = 'ifms.123456'
     },
 
     defaultPassword() {

web/src/components/ui/Bytes.vue

@@ -8,6 +8,7 @@
 import { destructedBytes } from '../../plugins/format-bytes'
 
 export default {
+  name: 'Bytes',
   props: {
     value: {
       type: String,

web/src/layouts/Default.vue

@@ -43,7 +43,9 @@ import MainDrawer from '@/components/MainDrawer'
 
 import UserMenu from '@/components/UserMenu'
 
-import { version } from '../../package.json'
+import packageInfo from '../../package.json'
+
+const { version } = packageInfo
 
 export default {
   name: 'Default',

web/src/main.js

@@ -1,3 +1,5 @@
+import 'regenerator-runtime/runtime'
+
 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'