diff --git a/package.json b/package.json
index 6ca2f80..7ddfde5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "keanuapp-weblite",
-  "version": "0.1.45",
+  "version": "0.1.46",
   "private": true,
   "scripts": {
     "dev": "vite",
diff --git a/package.json.bak b/package.json.bak
index 8bd5290..6ca2f80 100644
--- a/package.json.bak
+++ b/package.json.bak
@@ -1,69 +1,73 @@
 {
   "name": "keanuapp-weblite",
-  "version": "0.1.43",
+  "version": "0.1.45",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
     "create-sticker-config": "node ./create_sticker_config.js $1"
   },
   "dependencies": {
     "@matrix-org/olm": "^3.2.12",
+    "@vitejs/plugin-vue": "^5.2.3",
     "aes-js": "^3.1.2",
     "axios": "^1.4.0",
-    "browserify-fs": "^1.0.0",
     "buffer": "^6.0.3",
     "clean-insights-sdk": "^2.4",
     "core-js": "^3.6.5",
-    "crypto-browserify": "^3.12.0",
-    "data-uri-to-buffer": "^3.0.1",
+    "crypto-browserify": "^3.12.1",
     "dayjs": "^1.10.3",
+    "deepmerge": "^4.3.1",
     "file-saver": "^2.0.5",
-    "fix-webm-duration": "^1.0.0",
-    "image-resize": "^1.1.5",
-    "image-size": "^1.0.0",
+    "image-resize": "^1.4.1",
+    "image-size": "^2.0.2",
     "intersection-observer": "^0.12",
-    "js-sha256": "^0.9.0",
     "json-web-key": "^0.4.0",
-    "jszip": "^3.9.1",
     "linkify-html": "^4.1.0",
     "linkifyjs": "^4.1.0",
     "material-design-icons-iconfont": "^6.7.0",
-    "matrix-js-sdk": "^23.4.0",
+    "matrix-js-sdk": "^37.5.0",
     "md-gum-polyfill": "^1.0.0",
-    "mic-recorder-to-mp3": "^2.2.2",
     "path-browserify": "^1.0.1",
     "pretty-bytes": "^5.6.0",
-    "qrcode": "^1.4.4",
+    "process": "^0.11.10",
+    "qrcode": "^1.5.4",
     "raw-loader": "^4.0.2",
+    "recordrtc": "^5.6.2",
     "roboto-fontface": "*",
     "stream-browserify": "^3.0.0",
-    "v-emoji-picker": "^2.3.1",
-    "vue": "^2.6.11",
-    "vue-clipboard2": "^0.3.1",
-    "vue-i18n": "^8.24.4",
-    "vue-resize": "^1.0",
-    "vue-router": "^3.2.0",
-    "vue-sanitize": "^0.2.1",
+    "tiny-emitter": "^2.1.0",
+    "util": "^0.12.5",
+    "vue": "^3.5.13",
+    "vue-3-sanitize": "^0.1.4",
+    "vue-clipboard2": "^0.3.3",
+    "vue-i18n": "^11.1.3",
+    "vue-router": "^4.5.1",
     "vue-swipeable-bottom-sheet": "^0.0.5",
-    "vuetify": "^2.2.11",
-    "vuex": "^3.5.1",
+    "vue3-emoji-picker": "^1.1.8",
+    "vue3-resize": "^0.2.0",
+    "vuetify": "^3.8.3",
+    "vuex": "^4.1.0",
     "vuex-persist": "^3.1.3"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^5.0.8",
-    "@vue/cli-plugin-eslint": "^5.0.8",
-    "@vue/cli-service": "^5.0.8",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@types/jszip": "^3.4.0",
+    "@vitejs/plugin-vue-jsx": "^4.1.2",
+    "@vue/compiler-sfc": "^3.5.13",
     "babel-eslint": "^10.1.0",
     "copy-webpack-plugin": "^11.0.0",
     "eslint": "^7.0",
     "eslint-plugin-vue": "^7.0",
-    "sass": "^1.19.0",
+    "rollup-plugin-polyfill-node": "^0.13.0",
+    "sass": "^1.86.0",
     "sass-loader": "^10",
-    "vue-cli-plugin-vuetify": "^2.4",
-    "vue-template-compiler": "^2.6.11",
-    "vuetify-loader": "^1.3.0"
+    "unplugin-vue-components": "^28.4.1",
+    "vite": "^6.2.2",
+    "vite-plugin-static-copy": "^2.3.0",
+    "vite-plugin-vuetify": "^2.1.1",
+    "vue-cli-plugin-vuetify": "^2.5.8"
   },
   "eslintConfig": {
     "root": true,
diff --git a/vite.config.mjs b/vite.config.mjs
index 800b292..d6e10f9 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -22,6 +22,7 @@ function VuetifyResolver() {
 
 // https://vitejs.dev/config/
 export default defineConfig(({mode}) => ({
+  base: "./",
   plugins: [
     // commonjs({
     //    include: /node_modules/,