diff --git a/dashboard/src/views/ExtensionPage.vue b/dashboard/src/views/ExtensionPage.vue
index 657b203515..62dfc13893 100644
--- a/dashboard/src/views/ExtensionPage.vue
+++ b/dashboard/src/views/ExtensionPage.vue
@@ -33,9 +33,6 @@ const {
   extension_data,
   getInitialShowReserved,
   showReserved,
-  snack_message,
-  snack_show,
-  snack_success,
   configDialog,
   extension_config,
   pluginMarketData,
@@ -391,15 +388,6 @@ const {
     </v-card>
   </v-dialog>
 
-  <v-snackbar
-    :timeout="2000"
-    elevation="24"
-    :color="snack_success"
-    v-model="snack_show"
-  >
-    {{ snack_message }}
-  </v-snackbar>
-
   <ReadmeDialog
     v-model:show="readmeDialog.show"
     :plugin-name="readmeDialog.pluginName"
diff --git a/dashboard/src/views/extension/useExtensionPage.js b/dashboard/src/views/extension/useExtensionPage.js
index 6680eb8cd6..afa76e381a 100644
--- a/dashboard/src/views/extension/useExtensionPage.js
+++ b/dashboard/src/views/extension/useExtensionPage.js
@@ -3,6 +3,7 @@ import { useCommonStore } from "@/stores/common";
 import { useI18n, useModuleI18n } from "@/i18n/composables";
 import { getPlatformDisplayName } from "@/utils/platformUtils";
 import { resolveErrorMessage } from "@/utils/errorUtils";
+import { useToast } from "@/utils/toast";
 import {
   buildSearchQuery,
   matchesPluginSearch,
@@ -65,6 +66,7 @@ export const useExtensionPage = () => {
   const commonStore = useCommonStore();
   const { t } = useI18n();
   const { tm } = useModuleI18n("features/extension");
+  const { toast } = useToast();
   const router = useRouter();
   const route = useRoute();
   const { width } = useDisplay();
@@ -132,9 +134,6 @@ export const useExtensionPage = () => {
     return false;
   };
   const showReserved = ref(getInitialShowReserved());
-  const snack_message = ref("");
-  const snack_show = ref(false);
-  const snack_success = ref("success");
   const configDialog = ref(false);
   const extension_config = reactive({
     metadata: {},
@@ -546,12 +545,6 @@ export const useExtensionPage = () => {
     }
   };
   
-  const toast = (message, success) => {
-    snack_message.value = message;
-    snack_show.value = true;
-    snack_success.value = success;
-  };
-  
   const resetLoadingDialog = () => {
     loadingDialog.show = false;
     loadingDialog.title = tm("dialogs.loading.title");
@@ -1569,9 +1562,6 @@ export const useExtensionPage = () => {
     extension_data,
     getInitialShowReserved,
     showReserved,
-    snack_message,
-    snack_show,
-    snack_success,
     configDialog,
     extension_config,
     pluginMarketData,