@quazardous/qdadm 2.9.0 → 2.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quazardous/qdadm",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "Vue 3 framework for admin dashboards with PrimeVue",
   "author": "quazardous",
   "license": "MIT",
@@ -54,11 +54,11 @@
     "yaml": "^2.8.4"
   },
   "peerDependencies": {
-    "pinia": "^2.0.0 || ^3.0.0",
+    "pinia": "^2.0.0 || ^3.0.0 || ^4.0.0",
     "primevue": "^4.0.0",
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
     "vue": "^3.3.0",
-    "vue-router": "^4.0.0"
+    "vue-router": "^4.0.0 || ^5.0.0"
   },
   "peerDependenciesMeta": {
     "vanilla-jsoneditor": {

package/src/components/layout/AppLayout.vue

@@ -59,6 +59,9 @@ const guardDialog = useGuardDialog()
 const router = useRouter()
 const route = useRoute()
 const app = useApp()
+// Top-level binding so the template unwraps the ComputedRef — `app.version`
+// nested in a plain object stays a ref object (always truthy) in v-if (#1382)
+const appVersion = app.version
 const { navSections, isNavActive, sectionHasActiveItem, handleNavClick } = useNavigation()
 const { user, logout, authEnabled } = useAuth()
 const signals = inject<SignalBus | null>('qdadmSignals', null)
@@ -288,7 +291,7 @@ const showBreadcrumb = computed<boolean>(() => {
           <img v-if="app.logo" :src="app.logo" :alt="app.name" class="sidebar-logo" />
           <h1 v-else>{{ app.name }}</h1>
         </div>
-        <span v-if="app.version" class="version">v{{ app.version }}</span>
+        <span v-if="appVersion" class="version">v{{ appVersion }}</span>
       </div>
 
       <nav class="sidebar-nav">

package/src/kernel/Kernel.routing.ts

@@ -4,7 +4,6 @@ import {
   createWebHashHistory,
   type RouteRecordRaw,
   type RouteLocationNormalized,
-  type NavigationGuardNext,
   type RouteRecordNormalized,
 } from 'vue-router'
 import { getRoutes } from '../module/moduleRegistry'
@@ -170,7 +169,9 @@ export function applyRoutingMethods(KernelClass: { prototype: Kernel }): void {
       )
     })
 
-    this.router!.beforeEach((to: RouteLocationNormalized, _from: RouteLocationNormalized, next: NavigationGuardNext) => {
+    // Return-style guard (no next() callback): supported since vue-router 4,
+    // required to avoid the R0025 deprecation warning on vue-router 5 (#1384)
+    this.router!.beforeEach((to: RouteLocationNormalized) => {
       if (authAdapter.isAuthenticated()) {
         wasEverAuthenticated = true
       }
@@ -181,7 +182,6 @@ export function applyRoutingMethods(KernelClass: { prototype: Kernel }): void {
       )
 
       if (isPublic) {
-        next()
         return
       }
 
@@ -204,11 +204,9 @@ export function applyRoutingMethods(KernelClass: { prototype: Kernel }): void {
           wasEverAuthenticated = false
         }
 
-        const loginRoute = this.router!.hasRoute('login')
+        return this.router!.hasRoute('login')
           ? { name: 'login', query: { session_lost: '1' } }
           : '/'
-        next(loginRoute)
-        return
       }
 
       const entity = to.meta?.entity as string | undefined
@@ -233,20 +231,16 @@ export function applyRoutingMethods(KernelClass: { prototype: Kernel }): void {
               entity,
               manager,
             })
-            next({ path: '/' })
-            return
+            return { path: '/' }
           }
         } catch (err) {
           console.error(
             `[qdadm] Access check failed for ${to.path} (entity: ${entity}) — denying navigation:`,
             err
           )
-          next({ path: '/' })
-          return
+          return { path: '/' }
         }
       }
-
-      next()
     })
   }