refactor: 封装不同layout下的公用组件

src/layouts/components/Fullscreen.vue

@@ -0,0 +1,13 @@
+<template>
+  <i
+    class="mr-16 cursor-pointer"
+    :class="isFullscreen ? 'i-fe:minimize' : 'i-fe:maximize'"
+    @click="toggle"
+  />
+</template>
+
+<script setup>
+import { useFullscreen } from '@vueuse/core'
+
+const { isFullscreen, toggle } = useFullscreen()
+</script>

src/layouts/components/index.js

@@ -5,3 +5,4 @@ export { default as BreadCrumb } from './BreadCrumb.vue'
 export { default as AppTab } from './tab/index.vue'
 export { default as SideLogo } from './SideLogo.vue'
 export { default as SideMenu } from './SideMenu.vue'
+export { default as Fullscreen } from './Fullscreen.vue'