优化

src/shared/components/OperationErrorToast.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { watch } from 'vue'
+import { ElMessage } from 'element-plus'
+import type { ApiErrorDetails } from '@/shared/api/http'
+
+const props = withDefaults(defineProps<{
+  details?: ApiErrorDetails | null
+  message?: string | null
+}>(), {
+  details: null,
+  message: null,
+})
+
+watch(
+  () => props.details?.message || props.message || '',
+  (message, previousMessage) => {
+    if (!message || message === previousMessage) return
+    ElMessage.error({ message, showClose: true, duration: 4500 })
+  },
+  { immediate: true },
+)
+</script>
+
+<template></template>