✨ cache sharedGuilds response for 30 minutes

Author: haliphax

src/app/lib/realm.ts

@@ -1,5 +1,5 @@
 import lscache from "lscache";
-import DiscordClient from "./discord";
+import DiscordClient, { NamedThing } from "./discord";
 
 const realmApi = import.meta.env.VITE_APP_REALM_API;
 
@@ -86,7 +86,7 @@ export default class RealmClient {
 		});
 	}
 
-	async getSharedGuilds() {
+	async getSharedGuilds(): Promise<NamedThing[]> {
 		return await this.realmApi("/auth/shared-guilds")
 			.then((r) => r.json())
 			.then((d) => d.guilds);

src/app/views/main.vue

@@ -2,10 +2,18 @@
 import DiscordAvatar from "@/app/components/discord-avatar.vue";
 import { doneLoading } from "@/app/lib/global";
 import RealmClient from "@/app/lib/realm";
+import lscache from "lscache";
 import { inject, onMounted } from "vue";
+import { NamedThing } from "../lib/discord";
 
 const realm: RealmClient = inject("realmClient")!;
-const sharedGuilds = await realm.getSharedGuilds();
+lscache.setBucket("requests");
+let sharedGuilds: NamedThing[] | null = lscache.get("sharedGuilds");
+
+if (!sharedGuilds) {
+	sharedGuilds = await realm.getSharedGuilds();
+	lscache.set("sharedGuilds", sharedGuilds, 30);
+}
 
 onMounted(() => doneLoading());
 </script>