From b42042d9990cbc0c8a342edfb77ae032898d55cd Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Tue, 25 Feb 2025 16:42:06 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20components=20=ED=8C=A8=ED=82=A4?=
 =?UTF-8?q?=EC=A7=80=20config=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/components/.storybook/main.ts | 10 +++++++++-
 packages/common/components/package.json       |  1 +
 packages/common/components/tsconfig.json      |  3 ++-
 packages/common/components/tsup.config.ts     |  6 ++++++
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/packages/common/components/.storybook/main.ts b/packages/common/components/.storybook/main.ts
index 9ac69cedc..fc06818dd 100644
--- a/packages/common/components/.storybook/main.ts
+++ b/packages/common/components/.storybook/main.ts
@@ -1,3 +1,5 @@
+import path from "path";
+import tsconfigPaths from "vite-tsconfig-paths";
 import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
@@ -13,12 +15,18 @@ const config: StorybookConfig = {
     name: "@storybook/react-vite",
     options: {},
   },
-  viteFinal: (config) => {
+  viteFinal: async (config) => {
     config.define = {
       "process.env.BASE_ASSETS_PATH": JSON.stringify(
         process.env.BASE_ASSETS_PATH,
       ),
     };
+    config.plugins?.push(
+      tsconfigPaths({
+        projects: [path.resolve(path.dirname(__dirname), "tsconfig.json")],
+      }),
+    );
+
     return config;
   },
 };
diff --git a/packages/common/components/package.json b/packages/common/components/package.json
index f578386c1..2c25e4a9c 100644
--- a/packages/common/components/package.json
+++ b/packages/common/components/package.json
@@ -27,6 +27,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
+    "@common/assets": "workspace:*",
     "@radix-ui/react-accordion": "^1.2.3",
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-dropdown-menu": "^2.1.6",
diff --git a/packages/common/components/tsconfig.json b/packages/common/components/tsconfig.json
index dabf23054..0253ff8ba 100644
--- a/packages/common/components/tsconfig.json
+++ b/packages/common/components/tsconfig.json
@@ -14,7 +14,8 @@
     "strict": true,
     "baseUrl": ".",
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": ["src/*"],
+      "@common/assets": ["../assets/dist"]
     }
   },
   "exclude": ["**/node_modules", "**/.*/*", "dist"],
diff --git a/packages/common/components/tsup.config.ts b/packages/common/components/tsup.config.ts
index d61941077..57cb34abf 100644
--- a/packages/common/components/tsup.config.ts
+++ b/packages/common/components/tsup.config.ts
@@ -17,4 +17,10 @@ export default defineConfig((options) => ({
   cssMinify: !options.watch,
   cssModules: true,
   postcss: true,
+  esbuildOptions(options) {
+    options.alias = {
+      "@/*": path.resolve(__dirname, "src/*"),
+      "@assets/*": path.resolve(__dirname, "public/assets/*"),
+    };
+  },
 }));