replace ElMessage with Sonner

src/shared/utils/base/ui.js

@@ -1,5 +1,5 @@
-import { ElMessage } from 'element-plus';
 import { storeToRefs } from 'pinia';
+import { toast } from 'vue-sonner';
 
 import { THEME_CONFIG } from '../../constants';
 import { i18n } from '../../../plugin/i18n';
@@ -327,11 +327,7 @@ async function getThemeMode(configRepository) {
 
 function redirectToToolsTab() {
     router.push({ name: 'tools' });
-    ElMessage({
-        message: i18n.global.t('view.tools.redirect_message'),
-        type: 'primary',
-        duration: 3000
-    });
+    toast(i18n.global.t('view.tools.redirect_message'), { duration: 3000 });
 }
 
 export {

src/shared/utils/common.js

@@ -1,5 +1,6 @@
-import { ElMessage, ElMessageBox } from 'element-plus';
+import { ElMessageBox } from 'element-plus';
 import { storeToRefs } from 'pinia';
+import { toast } from 'vue-sonner';
 
 import Noty from 'noty';
 
@@ -159,17 +160,11 @@ function copyToClipboard(text, message = 'Copied successfully!') {
     navigator.clipboard
         .writeText(text)
         .then(() => {
-            ElMessage({
-                message: message,
-                type: 'success'
-            });
+            toast.success(message);
         })
         .catch((err) => {
             console.error('Copy failed:', err);
-            ElMessage({
-                message: 'Copy failed!',
-                type: 'error'
-            });
+            toast.error('Copy failed!');
         });
 }
 

src/shared/utils/imageUpload.js

@@ -1,5 +1,4 @@
-import { ElMessage } from 'element-plus';
-
+import { toast } from 'vue-sonner';
 function resolveMessage(message) {
     if (typeof message === 'function') {
         return message();
@@ -47,10 +46,7 @@ export function handleImageUploadInput(event, options = {}) {
     const file = files[0];
     if (file.size >= maxSize) {
         if (tooLargeMessage) {
-            ElMessage({
-                message: resolveMessage(tooLargeMessage),
-                type: 'error'
-            });
+            toast.error(resolveMessage(tooLargeMessage));
         }
         clearInput();
         return { file: null, clearInput };
@@ -66,10 +62,7 @@ export function handleImageUploadInput(event, options = {}) {
 
     if (acceptRegex && !acceptRegex.test(file.type)) {
         if (invalidTypeMessage) {
-            ElMessage({
-                message: resolveMessage(invalidTypeMessage),
-                type: 'error'
-            });
+            toast.error(resolveMessage(invalidTypeMessage));
         }
         clearInput();
         return { file: null, clearInput };