shadcn-vue/apps/www/.vitepress/theme/components/ComponentLoader.vue
2024-10-14 19:48:05 +08:00

22 lines
531 B
Vue

<script setup lang="ts">
import { useConfigStore } from '@/stores/config'
import { defineAsyncComponent } from 'vue'
import Spinner from './Spinner.vue'
const props = defineProps<{
name: string
typeName?: 'example' | 'block'
}>()
const { style } = useConfigStore()
const Component = defineAsyncComponent({
loadingComponent: Spinner,
loader: () => import(`../../../src/lib/registry/${style.value}/${props.typeName}/${props.name}.vue`),
timeout: 5000,
})
</script>
<template>
<Component :is="Component" />
</template>