replace ElMessage with Sonner

This commit is contained in:
pa
2026-01-07 19:16:31 +09:00
committed by Natsumi
parent f819a3f500
commit 7e4de15ef2
85 changed files with 574 additions and 1144 deletions
+6 -17
View File
@@ -497,9 +497,10 @@
<script setup>
import { computed, h, nextTick, onBeforeMount, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
import { ElMessage, ElMessageBox, ElNotification, ElProgress } from 'element-plus';
import { Loading, MoreFilled, Plus, Refresh } from '@element-plus/icons-vue';
import { ElMessageBox, ElNotification, ElProgress } from 'element-plus';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { useAppearanceSettingsStore, useAvatarStore, useFavoriteStore, useUserStore } from '../../stores';
@@ -1191,16 +1192,10 @@
navigator.clipboard
.writeText(result.invalidIds.join('\n'))
.then(() => {
ElMessage({
message: t('view.favorite.avatars.copied_ids'),
type: 'success'
});
toast.success(t('view.favorite.avatars.copied_ids'));
})
.catch(() => {
ElMessage({
message: 'Failed to copy',
type: 'error'
});
toast.error('Failed to copy');
});
return;
}
@@ -1285,10 +1280,7 @@
favoriteGroupId: args.json.id
}
});
ElMessage({
message: t('prompt.change_favorite_group_name.message.success'),
type: 'success'
});
toast.success(t('prompt.change_favorite_group_name.message.success'));
refreshFavorites();
});
})
@@ -1308,10 +1300,7 @@
favoriteGroupId: args.json.id
}
});
ElMessage({
message: 'Group visibility changed',
type: 'success'
});
toast.success('Group visibility changed');
if (menuKey) {
handleGroupMenuVisible(menuKey, false);
}
+4 -9
View File
@@ -281,9 +281,10 @@
<script setup>
import { computed, onBeforeMount, ref, watch } from 'vue';
import { ElMessage, ElMessageBox } from 'element-plus';
import { MoreFilled, Refresh } from '@element-plus/icons-vue';
import { ElMessageBox } from 'element-plus';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { useAppearanceSettingsStore, useFavoriteStore, useUserStore } from '../../stores';
@@ -678,10 +679,7 @@
favoriteGroupId: args.json.id
}
});
ElMessage({
message: t('prompt.change_favorite_group_name.message.success'),
type: 'success'
});
toast.success(t('prompt.change_favorite_group_name.message.success'));
refreshFavorites();
});
})
@@ -701,10 +699,7 @@
favoriteGroupId: args.json.id
}
});
ElMessage({
message: 'Group visibility changed',
type: 'success'
});
toast.success('Group visibility changed');
if (menuKey) {
handleGroupMenuVisible(menuKey, false);
}
+4 -9
View File
@@ -407,8 +407,9 @@
<script setup>
import { computed, nextTick, onBeforeMount, onBeforeUnmount, onMounted, ref, watch } from 'vue';
import { Loading, MoreFilled, Plus, Refresh } from '@element-plus/icons-vue';
import { ElMessage, ElMessageBox } from 'element-plus';
import { ElMessageBox } from 'element-plus';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { useAppearanceSettingsStore, useFavoriteStore, useWorldStore } from '../../stores';
@@ -979,10 +980,7 @@
favoriteGroupId: args.json.id
}
});
ElMessage({
message: 'Group visibility changed',
type: 'success'
});
toast.success('Group visibility changed');
if (menuKey) {
handleGroupMenuVisible(menuKey, false);
}
@@ -1121,10 +1119,7 @@
favoriteGroupId: args.json.id
}
});
ElMessage({
message: t('prompt.change_favorite_group_name.message.success'),
type: 'success'
});
toast.success(t('prompt.change_favorite_group_name.message.success'));
refreshFavorites();
});
})
@@ -24,8 +24,8 @@
<script setup>
import { Back } from '@element-plus/icons-vue';
import { ElMessage } from 'element-plus';
import { computed } from 'vue';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { favoriteRequest } from '../../../api';
@@ -89,10 +89,7 @@
tags: groupAPI.name
})
.then((args) => {
ElMessage({
message: 'Avatar added to favorites',
type: 'success'
});
toast.success('Avatar added to favorites');
return args;
});
}
@@ -105,7 +102,7 @@
tags: groupAPI.name
})
.then((args) => {
ElMessage({ message: 'World added to favorites', type: 'success' });
toast.success('World added to favorites');
return args;
});
}
@@ -84,8 +84,8 @@
<script setup>
import { computed, ref, watch } from 'vue';
import { ArrowDown } from '@element-plus/icons-vue';
import { ElMessage } from 'element-plus';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { useAvatarStore, useFavoriteStore } from '../../../stores';
@@ -153,18 +153,11 @@
navigator.clipboard
.writeText(avatarExportContent.value)
.then(() => {
ElMessage({
message: 'Copied successfully!',
type: 'success',
duration: 2000
});
toast.success('Copied successfully!', { duration: 2000 });
})
.catch((err) => {
console.error('Copy failed:', err);
ElMessage({
message: 'Copy failed!',
type: 'error'
});
toast.error('Copy failed!');
});
}
function updateAvatarExportDialog() {
@@ -178,8 +178,8 @@
<script setup>
import { ArrowDown, Close, Loading } from '@element-plus/icons-vue';
import { computed, ref, watch } from 'vue';
import { ElMessage } from 'element-plus';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { useAvatarStore, useFavoriteStore, useGalleryStore, useUserStore } from '../../../stores';
@@ -324,10 +324,7 @@
})
.then((args) => {
if (message) {
ElMessage({
message: 'Avatar added to favorites',
type: 'success'
});
toast.success('Avatar added to favorites');
}
return args;
});
@@ -48,8 +48,8 @@
<script setup>
import { computed, ref, watch } from 'vue';
import { ArrowDown } from '@element-plus/icons-vue';
import { ElMessage } from 'element-plus';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { useFavoriteStore } from '../../../stores';
@@ -100,18 +100,11 @@
navigator.clipboard
.writeText(friendExportContent.value)
.then(() => {
ElMessage({
message: 'Copied successfully!',
type: 'success',
duration: 2000
});
toast.success('Copied successfully!', { duration: 2000 });
})
.catch((err) => {
console.error('Copy failed:', err);
ElMessage({
message: 'Copy failed!',
type: 'error'
});
toast.error('Copy failed!');
});
}
@@ -125,8 +125,8 @@
<script setup>
import { ArrowDown, Close, Loading } from '@element-plus/icons-vue';
import { computed, ref, watch } from 'vue';
import { ElMessage } from 'element-plus';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { removeFromArray, userImage, userImageFull } from '../../../shared/utils';
@@ -242,10 +242,7 @@
})
.then((args) => {
if (message) {
ElMessage({
message: 'Friend added to favorites',
type: 'success'
});
toast.success('Friend added to favorites');
}
return args;
});
@@ -82,8 +82,8 @@
<script setup>
import { computed, ref, watch } from 'vue';
import { ArrowDown } from '@element-plus/icons-vue';
import { ElMessage } from 'element-plus';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { useFavoriteStore, useWorldStore } from '../../../stores';
@@ -153,18 +153,11 @@
navigator.clipboard
.writeText(worldExportContent.value)
.then(() => {
ElMessage({
message: 'Copied successfully!',
type: 'success',
duration: 2000
});
toast.success('Copied successfully!', { duration: 2000 });
})
.catch((err) => {
console.error('Copy failed:', err);
ElMessage({
message: 'Copy failed!',
type: 'error'
});
toast.error('Copy failed!');
});
}
@@ -174,8 +174,8 @@
<script setup>
import { ArrowDown, Close, Loading } from '@element-plus/icons-vue';
import { computed, ref, watch } from 'vue';
import { ElMessage } from 'element-plus';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { useFavoriteStore, useGalleryStore, useUserStore, useWorldStore } from '../../../stores';
@@ -355,10 +355,7 @@
})
.then((args) => {
if (message) {
ElMessage({
message: 'World added to favorites',
type: 'success'
});
toast.success('World added to favorites');
}
return args;
});