feat: add alias for easily importing components in document

packages/react/tsconfig.json

@@ -18,8 +18,14 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+
+    /* Path */
+    "baseUrl": "./",
+    "paths": {
+      "@components/*": ["components/*"],
+    }
   },
-  "include": ["components", "stories", "./stories.ts", "src"],
+  "include": ["components", "src"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

packages/react/vite.config.ts

@@ -2,6 +2,7 @@ import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import tailwindcss from "tailwindcss";
 import mdx from '@mdx-js/rollup';
+import { resolve } from 'node:path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -11,4 +12,9 @@ export default defineConfig({
       plugins: [tailwindcss()],
     },
   },
+  resolve: {
+    alias: {
+      '@components': resolve(__dirname, './components'),
+    }
+  }
 });