wip(Layout): Layout developing

src/components/Collapse/index.ts

@@ -0,0 +1,3 @@
+import Collapse from './src/Collapse.vue'
+
+export { Collapse }

src/components/Collapse/src/Collapse.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { computed, unref } from 'vue'
+import { Icon } from '@/components/Icon'
+import { useAppStore } from '@/store/modules/app'
+
+const appStore = useAppStore()
+
+const collapse = computed(() => appStore.getCollapse)
+
+function toggleCollapse() {
+  const collapsed = unref(collapse)
+  appStore.setCollapse(!collapsed)
+}
+</script>
+
+<template>
+  <div>
+    <Icon
+      :size="18"
+      :icon="collapse ? 'ant-design:menu-unfold-outlined' : 'ant-design:menu-fold-outlined'"
+      class="cursor-pointer"
+      @click="toggleCollapse"
+    />
+  </div>
+</template>