Estoy trabajando en una aplicación de quasar(vue) que la estoy trabajando por modulos.
estoy usando el MainLayout(el que esta en la raiz) en todos los modulos pero estoy teniendo problemas con el manejo del q-drawer con las pages dentro de los modulos(no se oculta el q-drawer) en el layout tengo una logica para ocultar o no el drawer
<q-toolbar>
<q-btn
flat
dense
round
icon="menu"
aria-label="Menu"
@click="toggleLeftDrawer"
/>
<q-drawer v-model="leftDrawerOpen" show-if-above>
<q-scroll-area style="height: calc(100% - 150px); margin-top: 150px">
<q-list padding>
<q-item-label header> Menú</q-item-label>
<EssentialLink
v-for="link in linksList"
:key="link.title"
v-bind="link"
/>
</q-list>
</q-scroll-area>
<q-img
alt="logo menu app"
class="absolute-top q-mt-md"
src="~assets/logo.svg"
style="height: 140px"
/>
</q-drawer>
y en el script manejo una propiedad reactiva para ocultarlo
const leftDrawerOpen = ref<boolean>(false);
function toggleLeftDrawer() {
leftDrawerOpen.value = !leftDrawerOpen.value;
}
en el index de la raiz funciona bien al presionar el boto se oculta
el problema es con las pages que estan dentro de los modulos el drawer no se oculta
No logro encontrar el error en las rutas de los modulos estoy especificando que cargue el main layout
export default {
name: 'customer',
component: () => import('src/layouts/MainLayout.vue'),
children: [
{
path: '',
name: 'customer',
component: () => import('modules/customer/pages/IndexPage.vue'),
},
],
};
y en el router principal estoy agregando las rutas de los módulos
import { RouteRecordRaw } from 'vue-router';
import customerRouter from 'src/modules/customer/router';
const routes: RouteRecordRaw[] = [
{
path: '/',
component: () => import('layouts/MainLayout.vue'),
children: [
{
path: '',
component: () => import('pages/IndexPage.vue'),
},
{
path: '/customer',
...customerRouter,
},
],
},
{
path: '/:catchAll(.*)*',
component: () => import('pages/ErrorNotFound.vue'),
},
];
export default routes;
Alguien sabe porque estoy teniendo este problema.
Revisando las vuetools veo que en las pages de los modulos no esta actualizando la propiedad para ocultarl el drawer leftDrawerOpen pero si se la cambio manual(se la cambio a false) desde la vuetools pasa lo siguiente