diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index cb99a8f5..615dbf28 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -1,8 +1,12 @@
 /* eslint-disable */
 // @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-// biome-ignore lint: disable
+import { GlobalComponents } from 'vue'
+
 export {}
 
 /* prettier-ignore */
@@ -82,3 +86,79 @@ declare module 'vue' {
     WaveBg: typeof import('./../components/custom/wave-bg.vue')['default']
   }
 }
+
+// For TSX support
+declare global {
+  const AppProvider: typeof import('./../components/common/app-provider.vue')['default']
+  const BetterScroll: typeof import('./../components/custom/better-scroll.vue')['default']
+  const ButtonIcon: typeof import('./../components/custom/button-icon.vue')['default']
+  const CountTo: typeof import('./../components/custom/count-to.vue')['default']
+  const DarkModeContainer: typeof import('./../components/common/dark-mode-container.vue')['default']
+  const ExceptionBase: typeof import('./../components/common/exception-base.vue')['default']
+  const FullScreen: typeof import('./../components/common/full-screen.vue')['default']
+  const IconAntDesignEnterOutlined: typeof import('~icons/ant-design/enter-outlined')['default']
+  const IconAntDesignReloadOutlined: typeof import('~icons/ant-design/reload-outlined')['default']
+  const IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen')['default']
+  const IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit')['default']
+  const IconLocalBanner: typeof import('~icons/local/banner')['default']
+  const IconLocalLogo: typeof import('~icons/local/logo')['default']
+  const IconMdiArrowDownThin: typeof import('~icons/mdi/arrow-down-thin')['default']
+  const IconMdiArrowUpThin: typeof import('~icons/mdi/arrow-up-thin')['default']
+  const IconMdiKeyboardEsc: typeof import('~icons/mdi/keyboard-esc')['default']
+  const IconMdiKeyboardReturn: typeof import('~icons/mdi/keyboard-return')['default']
+  const IconTooltip: typeof import('./../components/common/icon-tooltip.vue')['default']
+  const IconUilSearch: typeof import('~icons/uil/search')['default']
+  const LangSwitch: typeof import('./../components/common/lang-switch.vue')['default']
+  const LookForward: typeof import('./../components/custom/look-forward.vue')['default']
+  const MenuToggler: typeof import('./../components/common/menu-toggler.vue')['default']
+  const NAlert: typeof import('naive-ui')['NAlert']
+  const NBadge: typeof import('naive-ui')['NBadge']
+  const NBreadcrumb: typeof import('naive-ui')['NBreadcrumb']
+  const NBreadcrumbItem: typeof import('naive-ui')['NBreadcrumbItem']
+  const NButton: typeof import('naive-ui')['NButton']
+  const NCard: typeof import('naive-ui')['NCard']
+  const NCheckbox: typeof import('naive-ui')['NCheckbox']
+  const NColorPicker: typeof import('naive-ui')['NColorPicker']
+  const NDialogProvider: typeof import('naive-ui')['NDialogProvider']
+  const NDivider: typeof import('naive-ui')['NDivider']
+  const NDrawer: typeof import('naive-ui')['NDrawer']
+  const NDrawerContent: typeof import('naive-ui')['NDrawerContent']
+  const NDropdown: typeof import('naive-ui')['NDropdown']
+  const NEmpty: typeof import('naive-ui')['NEmpty']
+  const NForm: typeof import('naive-ui')['NForm']
+  const NFormItem: typeof import('naive-ui')['NFormItem']
+  const NGi: typeof import('naive-ui')['NGi']
+  const NGrid: typeof import('naive-ui')['NGrid']
+  const NInput: typeof import('naive-ui')['NInput']
+  const NInputGroup: typeof import('naive-ui')['NInputGroup']
+  const NInputNumber: typeof import('naive-ui')['NInputNumber']
+  const NList: typeof import('naive-ui')['NList']
+  const NListItem: typeof import('naive-ui')['NListItem']
+  const NLoadingBarProvider: typeof import('naive-ui')['NLoadingBarProvider']
+  const NMenu: typeof import('naive-ui')['NMenu']
+  const NMessageProvider: typeof import('naive-ui')['NMessageProvider']
+  const NModal: typeof import('naive-ui')['NModal']
+  const NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
+  const NPopover: typeof import('naive-ui')['NPopover']
+  const NScrollbar: typeof import('naive-ui')['NScrollbar']
+  const NSelect: typeof import('naive-ui')['NSelect']
+  const NSpace: typeof import('naive-ui')['NSpace']
+  const NStatistic: typeof import('naive-ui')['NStatistic']
+  const NSwitch: typeof import('naive-ui')['NSwitch']
+  const NTab: typeof import('naive-ui')['NTab']
+  const NTabs: typeof import('naive-ui')['NTabs']
+  const NThing: typeof import('naive-ui')['NThing']
+  const NTooltip: typeof import('naive-ui')['NTooltip']
+  const NWatermark: typeof import('naive-ui')['NWatermark']
+  const PinToggler: typeof import('./../components/common/pin-toggler.vue')['default']
+  const ReloadButton: typeof import('./../components/common/reload-button.vue')['default']
+  const RouterLink: typeof import('vue-router')['RouterLink']
+  const RouterView: typeof import('vue-router')['RouterView']
+  const SoybeanAvatar: typeof import('./../components/custom/soybean-avatar.vue')['default']
+  const SvgIcon: typeof import('./../components/custom/svg-icon.vue')['default']
+  const SystemLogo: typeof import('./../components/common/system-logo.vue')['default']
+  const TableColumnSetting: typeof import('./../components/advanced/table-column-setting.vue')['default']
+  const TableHeaderOperation: typeof import('./../components/advanced/table-header-operation.vue')['default']
+  const ThemeSchemaSwitch: typeof import('./../components/common/theme-schema-switch.vue')['default']
+  const WaveBg: typeof import('./../components/custom/wave-bg.vue')['default']
+}
\ No newline at end of file