From 511ce84942fcec1895a06d3718c2e0eddb198573 Mon Sep 17 00:00:00 2001
From: zernonia <zernonia@gmail.com>
Date: Sat, 21 Oct 2023 20:41:34 +0800
Subject: [PATCH] fix: cant fetch ?raw dynamically after bundling

---
 apps/www/.vitepress/theme/components/ComponentPreview.vue | 4 ++--
 apps/www/.vitepress/theme/components/Stackblitz.vue       | 6 ++----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/apps/www/.vitepress/theme/components/ComponentPreview.vue b/apps/www/.vitepress/theme/components/ComponentPreview.vue
index 78f0ff42..bc3aaac2 100644
--- a/apps/www/.vitepress/theme/components/ComponentPreview.vue
+++ b/apps/www/.vitepress/theme/components/ComponentPreview.vue
@@ -6,7 +6,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/lib/registry/default
 import { useConfigStore } from '@/stores/config'
 import { cn } from '@/lib/utils'
 
-withDefaults(defineProps<{
+const props = withDefaults(defineProps<{
   name: string
   align?: 'center' | 'start' | 'end'
   sfcTsCode?: string
@@ -40,7 +40,7 @@ const { style } = useConfigStore()
       <TabsContent value="preview" class="relative rounded-md border">
         <div class="flex items-center justify-between p-4">
           <StyleSwitcher />
-          <Stackblitz :key="style" :style="style" :name="name" />
+          <Stackblitz :key="style" :style="style" :name="name" :code="decodeURIComponent(sfcTsCode ?? '')" />
         </div>
         <div
           :class="cn('preview flex min-h-[350px] w-full justify-center p-6 lg:p-10', {
diff --git a/apps/www/.vitepress/theme/components/Stackblitz.vue b/apps/www/.vitepress/theme/components/Stackblitz.vue
index 1468e1fb..23eff484 100644
--- a/apps/www/.vitepress/theme/components/Stackblitz.vue
+++ b/apps/www/.vitepress/theme/components/Stackblitz.vue
@@ -7,16 +7,14 @@ import { type Style } from '@/lib/registry/styles'
 
 const props = defineProps<{
   name: string
+  code: string
   style: Style
 }>()
 
 const sources = ref<Record<string, string>>({})
 
 onMounted(() => {
-  const importName = `../../../src/lib/registry/${props.style}/example/${props.name}.vue?raw`
-  import(/* @vite-ignore */importName).then(
-    res => (sources.value['App.vue'] = res.default),
-  )
+  sources.value['App.vue'] = props.code
 })
 
 function handleClick() {