feat: replace alert with toast message

src/components/newtab/workflow/edit/EditLoopData.vue

@@ -119,10 +119,10 @@
   </div>
 </template>
 <script setup>
-/* eslint-disable no-alert */
 import { onMounted, shallowReactive } from 'vue';
 import { nanoid } from 'nanoid';
 import { useI18n } from 'vue-i18n';
+import { useToast } from 'vue-toastification';
 import Papa from 'papaparse';
 import { openFilePicker } from '@/utils/helper';
 import SharedCodemirror from '@/components/newtab/shared/SharedCodemirror.vue';
@@ -140,6 +140,7 @@ const props = defineProps({
 const emit = defineEmits(['update:data']);
 
 const { t } = useI18n();
+const toast = useToast();
 
 const maxFileSize = 1024 * 1024;
 const loopTypes = ['data-columns', 'numbers', 'google-sheets', 'custom-data'];
@@ -163,7 +164,7 @@ function updateData(value) {
 }
 function updateLoopData(value) {
   if (value.length > maxFileSize) {
-    alert(t('message.maxSizeExceeded'));
+    toast.error(t('message.maxSizeExceeded'));
   }
 
   updateData({ loopData: value.slice(0, maxFileSize) });
@@ -181,7 +182,7 @@ function importFile() {
   openFilePicker(['application/json', 'text/csv', 'application/vnd.ms-excel'])
     .then(async (fileObj) => {
       if (fileObj.size > maxFileSize) {
-        alert(t('message.maxSizeExceeded'));
+        toast.error(t('message.maxSizeExceeded'));
         return;
       }
 
@@ -213,7 +214,7 @@ function importFile() {
     })
     .catch((error) => {
       console.error(error);
-      if (error.message.startsWith('invalid')) alert(error.message);
+      if (error.message.startsWith('invalid')) toast.error(error.message);
     });
 }
 

src/newtab/pages/workflows/[id].vue

@@ -161,6 +161,7 @@ import {
   toRaw,
 } from 'vue';
 import { useStore } from 'vuex';
+import { useToast } from 'vue-toastification';
 import { useRoute, useRouter, onBeforeRouteLeave } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import defu from 'defu';
@@ -187,6 +188,7 @@ import SharedWorkflowState from '@/components/newtab/shared/SharedWorkflowState.
 const { t } = useI18n();
 const store = useStore();
 const route = useRoute();
+const toast = useToast();
 const router = useRouter();
 const dialog = useDialog();
 const shortcut = useShortcut('editor:toggle-sidebar', toggleSidebar);
@@ -325,7 +327,7 @@ function editBlock(data) {
 function executeWorkflow() {
   if (editor.value.getNodesFromName('trigger').length === 0) {
     /* eslint-disable-next-line */
-    alert(t('message.noTriggerBlock'));
+    toast.error(t('message.noTriggerBlock'));
     return;
   }