shadcn-vue/apps/www/.vitepress/theme/components/ComponentLoader.vue

22 lines
537 B
Vue

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