initial commit

resources/js/Components/AsideMenu.vue

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