diff --git a/console/console-src/modules/contents/attachments/components/AttachmentUploadModal.vue b/console/console-src/modules/contents/attachments/components/AttachmentUploadModal.vue
index f62877713..eb7f62dea 100644
--- a/console/console-src/modules/contents/attachments/components/AttachmentUploadModal.vue
+++ b/console/console-src/modules/contents/attachments/components/AttachmentUploadModal.vue
@@ -6,7 +6,6 @@ import {
   VDropdown,
   VDropdownItem,
 } from "@halo-dev/components";
-import UppyUpload from "@/components/upload/UppyUpload.vue";
 import { ref, watch } from "vue";
 import type { Policy, PolicyTemplate } from "@halo-dev/api-client";
 import {
diff --git a/console/console-src/modules/interface/themes/components/list-tabs/LocalUpload.vue b/console/console-src/modules/interface/themes/components/list-tabs/LocalUpload.vue
index 921ef3238..308d449e3 100644
--- a/console/console-src/modules/interface/themes/components/list-tabs/LocalUpload.vue
+++ b/console/console-src/modules/interface/themes/components/list-tabs/LocalUpload.vue
@@ -12,7 +12,6 @@ import type { Ref } from "vue";
 import { ref } from "vue";
 import { useThemeStore } from "@console/stores/theme";
 import { apiClient } from "@/utils/api-client";
-import UppyUpload from "@/components/upload/UppyUpload.vue";
 
 const { t } = useI18n();
 const queryClient = useQueryClient();
diff --git a/console/console-src/modules/system/backup/tabs/Restore.vue b/console/console-src/modules/system/backup/tabs/Restore.vue
index bee0e4cb6..ab89248dc 100644
--- a/console/console-src/modules/system/backup/tabs/Restore.vue
+++ b/console/console-src/modules/system/backup/tabs/Restore.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import UppyUpload from "@/components/upload/UppyUpload.vue";
 import { apiClient } from "@/utils/api-client";
 import {
   Dialog,
diff --git a/console/console-src/modules/system/plugins/components/installation-tabs/LocalUpload.vue b/console/console-src/modules/system/plugins/components/installation-tabs/LocalUpload.vue
index 003872b8a..9963bb9b8 100644
--- a/console/console-src/modules/system/plugins/components/installation-tabs/LocalUpload.vue
+++ b/console/console-src/modules/system/plugins/components/installation-tabs/LocalUpload.vue
@@ -5,7 +5,6 @@ import { Dialog, Toast } from "@halo-dev/components";
 import type { SuccessResponse } from "@uppy/core";
 import { useI18n } from "vue-i18n";
 import { useQueryClient } from "@tanstack/vue-query";
-import UppyUpload from "@/components/upload/UppyUpload.vue";
 import { computed } from "vue";
 import type { UppyFile } from "@uppy/core";
 import type { ErrorResponse } from "@uppy/core";
diff --git a/console/src/setup/setupComponents.ts b/console/src/setup/setupComponents.ts
index c00e3d866..15c810673 100644
--- a/console/src/setup/setupComponents.ts
+++ b/console/src/setup/setupComponents.ts
@@ -1,5 +1,5 @@
 import { defineAsyncComponent, type App } from "vue";
-import { VClosePopper, VTooltip } from "@halo-dev/components";
+import { VClosePopper, VLoading, VTooltip } from "@halo-dev/components";
 import { Dropdown } from "floating-vue";
 import "floating-vue/dist/style.css";
 // @ts-ignore
@@ -39,4 +39,11 @@ export function setupComponents(app: App) {
   app.component("AnnotationsForm", AnnotationsForm);
   app.component("AttachmentFileTypeIcon", AttachmentFileTypeIcon);
   app.component("HasPermission", HasPermission);
+  app.component(
+    "UppyUpload",
+    defineAsyncComponent({
+      loader: () => import("@/components/upload/UppyUpload.vue"),
+      loadingComponent: VLoading,
+    })
+  );
 }