vpn integration

app/frontend/.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

app/frontend/package.json

@@ -10,21 +10,21 @@
   },
   "devDependencies": {
     "@mdi/font": "^7.4.47",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "autoprefixer": "^10.4.20",
-    "postcss": "^8.5.2",
-    "postcss-import": "^16.1.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "autoprefixer": "^10.4.27",
+    "postcss": "^8.5.8",
+    "postcss-import": "^16.1.1",
     "postcss-simple-vars": "^7.0.1",
-    "video.js": "^8.21.0",
-    "vite": "^6.1.0"
+    "video.js": "^8.23.7",
+    "vite": "^8.0.5"
   },
   "dependencies": {
     "events": "^3.3.0",
-    "filesize": "^10.1.6",
+    "filesize": "^11.0.15",
     "js-cookie": "^3.0.5",
     "moment": "^2.30.1",
-    "vite-plugin-vuetify": "^2.1.0",
-    "vue": "^3.5.13",
-    "vuetify": "^3.7.12"
+    "vite-plugin-vuetify": "^2.1.3",
+    "vue": "^3.5.32",
+    "vuetify": "^3.12.5"
   }
 }

app/frontend/postcss.config.js

@@ -1,7 +1,7 @@
 export default {
   plugins: {
     'postcss-import': {},
-    'postcss-simple-vars': {},
+    // 'postcss-simple-vars': {},
     'autoprefixer': {}
   }
 }

app/frontend/src/plugins/vue_loader.js

@@ -4,5 +4,9 @@ import Ws from "./ws";
 import QtWC from "./qtwebchannel.js"
 
 export function createVue(component, dom_id){
-  return createApp(component).use(Vuetify).use(Ws).use(QtWC).mount(dom_id)
+  return createApp(component)
+    .use(Vuetify)
+    .use(Ws)
+    .use(QtWC)
+    .mount(dom_id)
 }