2023-03-03 15:54:28 +00:00
|
|
|
<script setup>
|
|
|
|
|
// import { reactive, computed } from 'vue';
|
|
|
|
|
// import { usePage } from '@inertiajs/vue3'
|
|
|
|
|
// import { usePage } from '@inertiajs/inertia-vue3';
|
2023-03-17 15:13:37 +00:00
|
|
|
import { LayoutService } from '@/Stores/layout';
|
|
|
|
|
import menu from '@/menu'
|
2023-03-03 15:54:28 +00:00
|
|
|
import AsideMenuLayer from '@/Components/AsideMenuLayer.vue';
|
|
|
|
|
import OverlayLayer from '@/Components/OverlayLayer.vue';
|
|
|
|
|
|
|
|
|
|
// let menu = reactive({});
|
|
|
|
|
// menu = computed(() => usePage().props.navigation?.menu);
|
|
|
|
|
|
|
|
|
|
const layoutService = LayoutService();
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<AsideMenuLayer
|
|
|
|
|
v-if="menu && Object.keys(menu).length"
|
|
|
|
|
:menu="menu"
|
|
|
|
|
:class="[
|
|
|
|
|
layoutService.isAsideMobileExpanded ? 'left-0' : '-left-60 lg:left-0',
|
|
|
|
|
{ 'lg:hidden xl:flex': !layoutService.isAsideLgActive },
|
|
|
|
|
]"
|
|
|
|
|
/>
|
|
|
|
|
<!-- <OverlayLayer
|
|
|
|
|
v-show="layoutService.isAsideLgActive"
|
|
|
|
|
z-index="z-30"
|
|
|
|
|
@overlay-click="layoutService.isAsideLgActive = false"
|
|
|
|
|
/> -->
|
|
|
|
|
</template>
|
