tethys.backend/resources/js/Components/AsideMenu.vue
Arno Kaimbacher b6fdfbff41
Some checks failed
CI Pipeline / japa-tests (push) Failing after 52s
- addes @adonisjs/redis fo saving session into redis with redis.ts contract and config
- npm updated
- added createHashValues and dlete inside File.ts
- added dataset_count property inside Subject.ts
- corrected rotes.ts with correct permissions
2023-11-27 17:17:22 +01:00

32 lines
942 B
Vue

<script setup>
// import { reactive, computed } from 'vue';
// import { usePage } from '@inertiajs/vue3'
// import { usePage } from '@inertiajs/inertia-vue3';
import { LayoutService } from '@/Stores/layout';
import menu from '@/menu';
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>