diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index ee74b97..f5bd5e6 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,5 +1,5 @@
 import vue from "@vitejs/plugin-vue";
-import path from "path";
+import { resolve } from "path";
 import { defineConfig } from "vite";
 import WindiCSS from "vite-plugin-windicss";
 
@@ -17,7 +17,9 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      "@": path.resolve(__dirname, "./src"),
+      "~/": `${resolve(__dirname, "src")}/`,
+      "@": resolve("src"),
+      "@components": resolve("src/@components"),
     },
   },
   plugins: [WindiCSS(), vue()],