first commit

resources/js/Layouts/Default/Index.vue

@@ -0,0 +1,24 @@
+<script setup>
+
+</script>
+
+<template>
+    <div class="wh-full flex">
+        <aside
+            class="flex-col flex-shrink-0 transition-width-300"
+            :class="appStore.collapsed ? 'w-64' : 'w-220'"
+            border-r="1px solid light_border dark:dark_border"
+        >
+            <SideBar />
+        </aside>
+
+        <article class="w-0 flex-col flex-1">
+            <AppHeader class="h-60 flex-shrink-0" />
+            <slot />
+        </article>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

resources/js/Layouts/Default/SideBar/Index.vue

@@ -0,0 +1,12 @@
+<script setup>
+
+</script>
+
+<template>
+    <SideLogo border-b="1px solid light_border dark:dark_border" />
+    <SideMenu class="cus-scroll-y mt-4 h-0 flex-1" />
+</template>
+
+<style scoped>
+
+</style>