init

cool-admin-vue/src/modules/base/pages/main/components/global.vue

@@ -0,0 +1,37 @@
+<template>
+	<component v-for="item in list" :key="item.name" :is="item.component" />
+</template>
+
+<script setup lang="ts">
+import { isFunction, orderBy } from "lodash-es";
+import { markRaw, onMounted, shallowRef } from "vue";
+import { module } from "/@/cool";
+
+const list = shallowRef<any[]>([]);
+
+async function refresh() {
+	const arr = orderBy(
+		module.list.filter((e) => e.enable !== false && !!e.global).map((e) => e.global),
+		"order"
+	);
+
+	list.value = await Promise.all(
+		arr
+			.filter((e) => e?.component)
+			.map(async (e) => {
+				if (e) {
+					const c = await (isFunction(e.component) ? e.component() : e.component);
+
+					return {
+						...e,
+						component: markRaw(c.default || c)
+					};
+				}
+			})
+	);
+}
+
+onMounted(() => {
+	refresh();
+});
+</script>