Switch to initMetadata

Author: mythz

MyApp.Client/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@servicestack/client": "^2.1.13",
-    "@servicestack/vue": "^3.1.3",
+    "@servicestack/vue": "^3.1.4",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/vite": "^4.1.17",
     "tailwindcss": "^4.1.17",

MyApp.Client/src/lib/auth.ts

@@ -31,11 +31,6 @@ const { user, hasRole, hasPermission, signIn, signOut } = useAuth()
 
 export { user, hasRole, hasPermission }
 
-checkAuth().then(auth => {
-    if (auth) signIn(auth)
-    else signOut()
-})
-
 export async function revalidate() {
     loading.value = true
     const auth = await checkAuth()
@@ -55,7 +50,6 @@ export const signout = async (router:any, redirectTo?: string) => {
     await router.replace({ path: redirectTo ?? router?.currentRoute?.value.path, force: true })
 }
 
-// Use Route Guards to guard against access to pages 
 export function configRouter(router:Router)  {
     const invalidAttrRedirect = (to:RouteLocationNormalized, _:string, userAttrs:string[]) => userAttrs.indexOf('auth') === -1
         ? Routes.signin(to.path)
@@ -73,7 +67,7 @@ export function configRouter(router:Router)  {
                 const allowAdmin = isAdmin && (attr.startsWith('role:') || attr.startsWith('perm:'))
                 if (!allowAdmin) {
                     const goTo = invalidAttrRedirect(to, attr, attrs)
-                    console.log(`Redirecting to ${goTo} as missing required '${attr}' to access '${to.path}'`)
+                    console.debug(`Redirecting to ${goTo} as missing required '${attr}' to access '${to.path}'`)
                     next(goTo)
                     return
                 }

MyApp.Client/src/lib/gateway.ts

@@ -1,5 +1,5 @@
 import { JsonServiceClient } from "@servicestack/client"
-import { useMetadata } from "@servicestack/vue"
+import { useAuth, initMetadata } from "@servicestack/vue"
 import type { Router } from "vue-router"
 import { checkAuth } from "./auth"
 
@@ -30,16 +30,17 @@ export const Routes = {
     forbidden: () => '/forbidden',
     guards: [
         Requires.auth('/profile'),
-    ] as RouteGuard[],
+    ],
 }
 
 export const client = new JsonServiceClient()
 
 export function useApp() {
     async function load() {
-        const { loadMetadata } = useMetadata()
-        loadMetadata({ client, olderThan:0 })
-        await checkAuth()
+        const { signIn } = useAuth()
+        initMetadata({ client })
+        const auth = await checkAuth()
+        if (auth) signIn(auth)
     }
     return {
         load,