diff --git a/apps/www/.vitepress/theme/plugins/previewer.ts b/apps/www/.vitepress/theme/plugins/previewer.ts
index 277ea297..5b5fca74 100644
--- a/apps/www/.vitepress/theme/plugins/previewer.ts
+++ b/apps/www/.vitepress/theme/plugins/previewer.ts
@@ -24,10 +24,16 @@ export default function (md: MarkdownRenderer) {
         return defaultRender!(tokens, idx, options, env, self)
       }
 
+      let code = fs.readFileSync(srcPath, 'utf-8')
+      code = code.replaceAll(
+        '@/lib/registry/default/',
+        '@/components/',
+      )
+
       const demoScripts = generateDemoComponent(md, env, {
         attrs,
         props,
-        code: fs.readFileSync(srcPath, 'utf-8'),
+        code,
         path: srcPath,
       })
 
diff --git a/apps/www/src/content/docs/components-json.md b/apps/www/src/content/docs/components-json.md
index df417053..aab892e6 100644
--- a/apps/www/src/content/docs/components-json.md
+++ b/apps/www/src/content/docs/components-json.md
@@ -146,7 +146,7 @@ Import alias for your components.
 ```json title="components.json"
 {
   "aliases": {
-    "components": "@/lib/components"
+    "components": "@/components"
   }
 }
-```
\ No newline at end of file
+```