Estoy tratando de crear una función global para verificar las funciones de los usuarios autenticados para mostrar los componentes en función de sus funciones.

Este es mi archivo de arranque:

 import { boot } from 'quasar/wrappers'; import { Store as VuexStore } from 'vuex'; import store, { StateInterface } from 'src/store'; export function canAccess(roles: string[]) { const s = store({}) as VuexStore<StateInterface>; const userRoles = s.state.auth.profile?.roles; const listRoles = userRoles?.map((role) => role.title); console.log(listRoles); return true; } export default boot(({ app }) => { app.config.globalProperties.$canAccess = canAccess; });

Sé que este código no verificaría los roles, pero se registra sin definir. No pude encontrar una manera de obtener el estado de la tienda Vue 3 (Vuex 4) en el módulo js/ts para verificar los roles de los usuarios.

¿Cómo puedo hacer eso en Vue3 + Vuex4 + Quasar?