chore(web,auth-portal) update vue and vite related dependencies

app/auth-portal/package.json

@@ -26,25 +26,25 @@
     "less": "^4.1.3",
     "local-storage-fallback": "^4.1.2",
     "lodash-es": "^4.17.21",
-    "pinia": "^2.1.3",
+    "pinia": "^2.1.7",
     "posthog-js": "^1.76.0",
-    "vite-ssg": "^0.22.1",
-    "vue": "^3.3.4",
-    "vue-router": "^4.1.6"
+    "vite-ssg": "^0.23.5",
+    "vue": "^3.3.12",
+    "vue-router": "^4.2.5"
   },
   "devDependencies": {
     "@si/eslint-config": "workspace:*",
     "@si/tsconfig": "workspace:*",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^18.15.11",
-    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue": "^4.5.2",
     "eslint": "^8.36.0",
     "netlify-cli": "^13.2.2",
     "rollup-plugin-visualizer": "^5.9.0",
     "typescript": "^4.9.5",
     "unplugin-icons": "^0.17.1",
-    "vite": "^4.1.4",
-    "vite-plugin-checker": "^0.5.6",
+    "vite": "^5.0.10",
+    "vite-plugin-checker": "^0.6.2",
     "vite-plugin-markdown": "^2.2.0-2",
     "vite-svg-loader": "^3.4.0",
     "vue-tsc": "^1.1.7"

app/auth-portal/src/App.vue

@@ -103,7 +103,7 @@
               variant="transparent"
               tone="shade"
               @mousedown.prevent
-              @click.prevent="profileMenuRef?.open"
+              @click.prevent="profileMenuRef?.open || _.noop"
             >
               <div class="mr-xs">Hi {{ authStore.bestUserLabel }}!</div>
               <template #iconRight>
@@ -203,6 +203,7 @@
 </template>
 
 <script setup lang="ts">
+import * as _ from "lodash-es";
 import { tw } from "@si/vue-lib";
 import {
   Icon,

app/auth-portal/vite.config.ts

@@ -45,12 +45,12 @@ export default defineConfig({
         },
       }),
 
-    !!process.env.RUN_BUILD_ANALYZER &&
-      VisualizerPlugin({
-        open: true,
-        filename: "dist/stats.html",
-        brotliSize: true,
-      }),
+    // !!process.env.RUN_BUILD_ANALYZER &&
+    //   VisualizerPlugin({
+    //     open: true,
+    //     filename: "dist/stats.html",
+    //     brotliSize: true,
+    //   }),
   ],
   css: {
     postcss,

app/web/package.json

@@ -66,17 +66,17 @@
     "local-storage-fallback": "^4.1.2",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",
-    "pinia": "^2.1.3",
+    "pinia": "^2.1.7",
     "plur": "^5.1.0",
     "posthog-js": "^1.76.0",
     "reconnecting-websocket": "^4.4.0",
     "tinycolor2": "^1.4.2",
     "typescript": "^4.9.5",
     "validator": "^13.7.0",
     "vanilla-picker": "^2.12.1",
-    "vue": "^3.3.4",
+    "vue": "^3.3.12",
     "vue-konva": "^3.0.1",
-    "vue-router": "^4.1.6",
+    "vue-router": "^4.2.5",
     "vue-safe-teleport": "^0.1.2",
     "vue-toastification": "2.0.0-rc.5",
     "yjs-codemirror-plugin": "workspace:*",
@@ -97,13 +97,13 @@
     "@types/node": "^18.15.11",
     "@types/tinycolor2": "^1.4.3",
     "@types/validator": "^13.7.2",
-    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue": "^4.5.2",
     "cypress": "^9.6.0",
     "eslint": "^8.36.0",
     "faker": "^6.6.6",
     "unplugin-icons": "^0.17.1",
-    "vite": "^4.4.9",
-    "vite-plugin-checker": "^0.6.1",
+    "vite": "^5.0.10",
+    "vite-plugin-checker": "^0.6.2",
     "vite-svg-loader": "^3.4.0",
     "vue-tsc": "^1.8.8"
   },

lib/eslint-config/package.json

@@ -19,7 +19,7 @@
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-import-resolver-exports": "1.0.0-beta.5",
-    "eslint-import-resolver-typescript": "^3.5.3",
+    "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jest": "^27.4.3",
     "eslint-plugin-no-autofix": "^1.2.3",
@@ -29,4 +29,4 @@
     "prettier": "~2.8.4",
     "typescript": "^4.9.5"
   }
-}
+}

lib/vue-lib/package.json

@@ -55,11 +55,11 @@
     "local-storage-fallback": "^4.1.2",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",
-    "pinia": "^2.1.3",
+    "pinia": "^2.1.7",
     "posthog-js": "^1.51.4",
     "tailwindcss-capsize": "^3.0.3",
-    "vue": "^3.3.4",
-    "vue-router": "^4.1.6",
+    "vue": "^3.3.12",
+    "vue-router": "^4.2.5",
     "vue-safe-teleport": "^0.1.2"
   },
   "devDependencies": {
@@ -75,7 +75,7 @@
     "tailwindcss": "^3.2.2",
     "typescript": "^4.9.5",
     "unplugin-icons": "^0.17.1",
-    "vite": "^4.1.4",
+    "vite": "^5.0.10",
     "vite-svg-loader": "^3.4.0",
     "vue-tsc": "^1.1.7"
   }

lib/vue-lib/src/pinia/pinia_hooks_plugin.ts

@@ -51,6 +51,9 @@ export const piniaHooksPlugin: PiniaPlugin = ({
   store._trackedStoreUsersCount = computed(
     () => Object.keys(store._trackedStoreUsers).length,
   );
+
+  // TODO: handle reset logic - see https://pinia.vuejs.org/core-concepts/plugins.html#Resetting-state-added-in-plugins
+
   // expose this info to devtools
   // TODO: determine the best way to safely check in both vite and webpack setups
   if (import.meta.env.DEV /* || process.env.NODE_ENV === "development" */) {