chore: ⬆️ Upgrade to Nuxt 4

app/composables/CacheRefresh.ts

@@ -0,0 +1,67 @@
+import type { Client } from "@versia/client";
+import type { RolePermission } from "@versia/client/schemas";
+import { toast } from "vue-sonner";
+import * as m from "~~/paraglide/messages.js";
+
+export const useCacheRefresh = (client: MaybeRef<Client | null>) => {
+    // Refresh custom emojis and instance data and me on every reload
+    watch(
+        [identity, client],
+        async () => {
+            console.info("Refreshing emoji, instance and account cache");
+            if (identity.value) {
+                toValue(client)
+                    ?.verifyAccountCredentials()
+                    .then((res) => {
+                        if (identity.value) {
+                            identity.value.account = res.data;
+                        }
+                    })
+                    .catch((err) => {
+                        const code = err.response.status;
+
+                        if (code === 401) {
+                            // Reset tokenData
+                            identity.value = null;
+                            toast.error(m.fancy_this_wasp_renew(), {
+                                description: m.real_weird_deer_stop(),
+                            });
+                        }
+                    });
+
+                toValue(client)
+                    ?.getInstanceCustomEmojis()
+                    .then((res) => {
+                        if (identity.value) {
+                            identity.value.emojis = res.data;
+                        }
+                    });
+
+                toValue(client)
+                    ?.getAccountRoles(identity.value.account.id)
+                    .then((res) => {
+                        const roles = res.data;
+
+                        // Get all permissions and deduplicate
+                        const permissions = roles
+                            ?.flatMap((r) => r.permissions)
+                            .filter((p, i, arr) => arr.indexOf(p) === i);
+
+                        if (identity.value) {
+                            identity.value.permissions =
+                                permissions as unknown as RolePermission[];
+                        }
+                    });
+            }
+
+            toValue(client)
+                ?.getInstance()
+                .then((res) => {
+                    if (identity.value) {
+                        identity.value.instance = res.data;
+                    }
+                });
+        },
+        { flush: "sync", immediate: true },
+    );
+};