diff --git a/components.d.ts b/components.d.ts
index 893c71f7d..b8f269866 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -10,7 +10,30 @@ declare module 'vue' {
     DarkModeSwitch: typeof import('./src/components/common/DarkModeSwitch.vue')['default'];
     GithubLink: typeof import('./src/components/custom/GithubLink.vue')['default'];
     HoverContainer: typeof import('./src/components/common/HoverContainer.vue')['default'];
+    IconAntDesignCloseOutlined: typeof import('~icons/ant-design/close-outlined')['default'];
+    IconAntDesignEnterOutlined: typeof import('~icons/ant-design/enter-outlined')['default'];
+    IconAntDesignSettingOutlined: typeof import('~icons/ant-design/setting-outlined')['default'];
+    IconCustomAvatar: typeof import('~icons/custom/avatar')['default'];
+    IconCustomLogo: typeof import('~icons/custom/logo')['default'];
+    IconCustomLogoFill: typeof import('~icons/custom/logo-fill')['default'];
+    IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen')['default'];
+    IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit')['default'];
+    IconIcOutlineCheck: typeof import('~icons/ic/outline-check')['default'];
+    IconLineMdMenuFoldLeft: typeof import('~icons/line-md/menu-fold-left')['default'];
+    IconLineMdMenuUnfoldLeft: typeof import('~icons/line-md/menu-unfold-left')['default'];
+    IconMdiArrowDownThin: typeof import('~icons/mdi/arrow-down-thin')['default'];
+    IconMdiArrowUpThin: typeof import('~icons/mdi/arrow-up-thin')['default'];
+    IconMdiClose: typeof import('~icons/mdi/close')['default'];
+    IconMdiGithub: typeof import('~icons/mdi/github')['default'];
+    IconMdiMoonWaningCrescent: typeof import('~icons/mdi/moon-waning-crescent')['default'];
+    IconMdiPin: typeof import('~icons/mdi/pin')['default'];
+    IconMdiPinOff: typeof import('~icons/mdi/pin-off')['default'];
+    IconMdiRefresh: typeof import('~icons/mdi/refresh')['default'];
+    IconMdiWhiteBalanceSunny: typeof import('~icons/mdi/white-balance-sunny')['default'];
+    IconPhCaretDoubleLeftBold: typeof import('~icons/ph/caret-double-left-bold')['default'];
+    IconPhCaretDoubleRightBold: typeof import('~icons/ph/caret-double-right-bold')['default'];
     IconSelect: typeof import('./src/components/custom/IconSelect.vue')['default'];
+    IconUilSearch: typeof import('~icons/uil/search')['default'];
     ImageVerify: typeof import('./src/components/custom/ImageVerify.vue')['default'];
     LoadingEmptyWrapper: typeof import('./src/components/business/LoadingEmptyWrapper.vue')['default'];
     LoginAgreement: typeof import('./src/components/business/LoginAgreement.vue')['default'];
diff --git a/vite.config.ts b/vite.config.ts
index bff734bb0..98f37b7d9 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,7 +9,7 @@ export default defineConfig((configEnv) => {
     base: viteEnv.VITE_BASE_URL,
     resolve: {
       alias: {
-        '~/': vitePath.root,
+        '~': vitePath.root,
         '@': vitePath.src,
       },
     },