clean up noty and remove animate.css

src/stores/auth.js

@@ -246,18 +246,12 @@ export const useAuthStore = defineStore('Auth', () => {
                 await webApiService.clearCookies();
                 delete user.cookies;
                 relogin(user).then(() => {
-                    new Noty({
-                        type: 'success',
-                        text: t('message.auth.email_2fa_resent')
-                    }).show();
+                    toast.success(t('message.auth.email_2fa_resent'));
                 });
                 return;
             }
         }
-        new Noty({
-            type: 'error',
-            text: t('message.auth.email_2fa_no_credentials')
-        }).show();
+        toast.error(t('message.auth.email_2fa_no_credentials'));
     }
 
     /**
@@ -548,10 +542,7 @@ export const useAuthStore = defineStore('Auth', () => {
             'savedCredentials',
             JSON.stringify(savedCredentials)
         );
-        new Noty({
-            type: 'success',
-            text: t('message.auth.account_removed')
-        }).show();
+        toast.success(t('message.auth.account_removed'));
     }
 
     /**
@@ -915,27 +906,22 @@ export const useAuthStore = defineStore('Auth', () => {
         relogin,
         notifyAutoLoginSuccess: () => {
             if (AppDebug.errorNoty) {
-                AppDebug.errorNoty.close();
+                toast.dismiss(AppDebug.errorNoty);
             }
-            AppDebug.errorNoty = new Noty({
-                type: 'success',
-                text: t('message.auth.auto_login_success')
-            }).show();
+            AppDebug.errorNoty = toast.success(
+                t('message.auth.auto_login_success')
+            );
         },
         notifyAutoLoginFailed: () => {
             if (AppDebug.errorNoty) {
-                AppDebug.errorNoty.close();
+                toast.dismiss(AppDebug.errorNoty);
             }
-            AppDebug.errorNoty = new Noty({
-                type: 'error',
-                text: t('message.auth.auto_login_failed')
-            }).show();
+            AppDebug.errorNoty = toast.error(
+                t('message.auth.auto_login_failed')
+            );
         },
         notifyOffline: () => {
-            AppDebug.errorNoty = new Noty({
-                type: 'error',
-                text: t('message.auth.offline')
-            }).show();
+            AppDebug.errorNoty = toast.error(t('message.auth.offline'));
         },
         flashWindow: () => AppApi.FlashWindow(),
         isOnline: () => navigator.onLine,

src/stores/gallery.js

@@ -1,9 +1,8 @@
 import { reactive, ref, shallowReactive, watch } from 'vue';
 import { defineStore } from 'pinia';
+import { toast } from 'vue-sonner';
 import { useI18n } from 'vue-i18n';
 
-import Noty from 'noty';
-
 import {
     getEmojiFileName,
     getPrintFileName,
@@ -379,9 +378,8 @@ export const useGalleryStore = defineStore('Gallery', () => {
         try {
             for (let i = 0; i < 100; i++) {
                 params.offset = i * params.n;
-                const args = await inventoryRequest.getCachedInventoryItems(
-                    params
-                );
+                const args =
+                    await inventoryRequest.getCachedInventoryItems(params);
                 for (const item of args.json.data) {
                     advancedSettingsStore.currentUserInventory.set(
                         item.id,
@@ -427,12 +425,9 @@ export const useGalleryStore = defineStore('Gallery', () => {
                 await vrcPlusImageRequest.deletePrint(printId);
                 const text = `Old print automatically deleted: ${printId}`;
                 if (AppDebug.errorNoty) {
-                    AppDebug.errorNoty.close();
+                    toast.dismiss(AppDebug.errorNoty);
                 }
-                AppDebug.errorNoty = new Noty({
-                    type: 'info',
-                    text
-                }).show();
+                AppDebug.errorNoty = toast.info(text);
             }
         } catch (err) {
             console.error('Failed to delete old print:', err);

src/stores/notification/index.js

@@ -3,7 +3,6 @@ import { defineStore } from 'pinia';
 import { toast } from 'vue-sonner';
 import { useI18n } from 'vue-i18n';
 
-import Noty from 'noty';
 import dayjs from 'dayjs';
 
 import {
@@ -369,13 +368,9 @@ export const useNotificationStore = defineStore('Notification', () => {
                     .then((_args) => {
                         const text = `Auto invite sent to ${ref.senderUsername}`;
                         if (AppDebug.errorNoty) {
-                            AppDebug.errorNoty.close();
+                            toast.dismiss(AppDebug.errorNoty);
                         }
-                        AppDebug.errorNoty = new Noty({
-                            type: 'info',
-                            text
-                        });
-                        AppDebug.errorNoty.show();
+                        AppDebug.errorNoty = toast.info(text);
                         console.log(text);
                         notificationRequest
                             .hideNotification({
@@ -1341,10 +1336,7 @@ export const useNotificationStore = defineStore('Notification', () => {
                 console.log('Notification response', args);
                 if (!args.json) return;
                 handleNotificationV2Hide(notificationId);
-                new Noty({
-                    type: 'success',
-                    text: escapeTag(args.json)
-                }).show();
+                toast.success(escapeTag(args.json));
             })
             .catch(() => {
                 handleNotificationV2Hide(notificationId);

src/stores/user.js

@@ -3,8 +3,6 @@ import { defineStore } from 'pinia';
 import { toast } from 'vue-sonner';
 import { useI18n } from 'vue-i18n';
 
-import Noty from 'noty';
-
 import {
     arraysMatch,
     compareByCreatedAt,
@@ -1247,13 +1245,9 @@ export const useUserStore = defineStore('User', () => {
         userRequest.saveCurrentUser(params).then(() => {
             const text = `Status automatically changed to ${newStatus}`;
             if (AppDebug.errorNoty) {
-                AppDebug.errorNoty.close();
+                toast.dismiss(AppDebug.errorNoty);
             }
-            AppDebug.errorNoty = new Noty({
-                type: 'info',
-                text
-            });
-            AppDebug.errorNoty.show();
+            AppDebug.errorNoty = toast.info(text);
             console.log(text);
         });
     }

src/stores/vrcx.js

@@ -3,8 +3,6 @@ import { defineStore } from 'pinia';
 import { toast } from 'vue-sonner';
 import { useI18n } from 'vue-i18n';
 
-import Noty from 'noty';
-
 import {
     DEFAULT_MAX_TABLE_SIZE,
     DEFAULT_SEARCH_LIMIT,
@@ -727,10 +725,7 @@ export const useVrcxStore = defineStore('Vrcx', () => {
                     avatarStore
                         .selectAvatarWithoutConfirmation(avatarId)
                         .then(() => {
-                            new Noty({
-                                type: 'success',
-                                text: 'Avatar changed via launch command'
-                            }).show();
+                            toast.success('Avatar changed via launch command');
                         });
                     shouldFocusWindow = false;
                 }