diff --git a/vue/package-lock.json b/vue/package-lock.json
index 525f2a7d..58d1c453 100644
--- a/vue/package-lock.json
+++ b/vue/package-lock.json
@@ -8642,13 +8642,13 @@
       }
     },
     "node_modules/js-cookie": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
-      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.7.tgz",
+      "integrity": "sha512-z/wZZgDrkNV1eA0ULjM/F9/50Ya8fbzgKneSpoPsXSGd0KnpdtHfOZWK+GcwLk+EZbS4F9RBhU+K2RgzuDaItw==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=14"
+        "node": ">=20"
       }
     },
     "node_modules/js-stringify": {
@@ -10565,9 +10565,9 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.0.tgz",
-      "integrity": "sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==",
+      "version": "6.15.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.2.tgz",
+      "integrity": "sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
diff --git a/vue/src/containers/LayoutContainer/SideNavigationComponent/SideNavigationComponent.vue b/vue/src/containers/LayoutContainer/SideNavigationComponent/SideNavigationComponent.vue
index 5b6e5814..09093a1e 100644
--- a/vue/src/containers/LayoutContainer/SideNavigationComponent/SideNavigationComponent.vue
+++ b/vue/src/containers/LayoutContainer/SideNavigationComponent/SideNavigationComponent.vue
@@ -108,6 +108,9 @@ const persistedCollapsed = collapsible
 
 const collapsed = computed(() => persistedCollapsed?.value ?? false)
 
+/**
+ *
+ */
 function toggleSideNav() {
   if (!persistedCollapsed) {
     return
@@ -118,6 +121,7 @@ function toggleSideNav() {
 /**
  * True when the element (or any ancestor) is a form field or contenteditable
  * region — meaning Cmd/Ctrl+B should be left for the user, not stolen by us.
+ * @param target
  */
 function isEditableTarget(target: EventTarget | null): boolean {
   if (!(target instanceof Element)) {
@@ -143,6 +147,7 @@ function isEditableTarget(target: EventTarget | null): boolean {
 
 /**
  * Toggles the rail with Cmd/Ctrl+B unless focus is in an editable element.
+ * @param event
  */
 function handleKeydown(event: KeyboardEvent) {
   if (event.key !== 'b' && event.key !== 'B') {
diff --git a/vue/src/demo/components/NavigationBottom.vue b/vue/src/demo/components/NavigationBottom.vue
index 4cc172d3..61205a1d 100644
--- a/vue/src/demo/components/NavigationBottom.vue
+++ b/vue/src/demo/components/NavigationBottom.vue
@@ -18,12 +18,7 @@
       <Divider class="!my-1" />
     </template>
 
-    <div
-      :class="[
-        'flex text-(--p-text-on-dark)',
-        collapsed ? 'flex-col items-center gap-2' : 'flex-col gap-2',
-      ]"
-    >
+    <div :class="['flex text-(--p-text-on-dark)', 'flex-col gap-2', collapsed && 'items-center']">
       <span v-if="!collapsed" class="truncate text-sm">
         {{ $t('demo.navigation.signed_in_as', { username }) }}
       </span>
@@ -54,7 +49,6 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
 import { RouterLink, useRouter } from 'vue-router'
 import Button from 'primevue/button'
 import Divider from 'primevue/divider'
@@ -75,7 +69,7 @@ const router = useRouter()
 
 // The demo backend store does not expose user identity; use a placeholder
 // until a user-profile endpoint is wired into the library's auth store.
-const username = computed(() => 'demo')
+const username = 'demo'
 
 /**
  * Sign the user out and send them back to the login page.