feat : working UI for words

store/user.store.ts

@@ -0,0 +1,40 @@
+import { defineStore } from "pinia";
+import { UserResponseDTO } from "~/netcode/events/dto/userresponse.dto";
+
+export const useUserStore = defineStore("user", {
+    state: () => ({
+        users: {} as Record<string, UserResponseDTO>,
+        self: null as UserResponseDTO | null,
+        has_contacted: false
+    }),
+    actions: {
+        async fetchUser(id: string) {
+            if (id in this.users) {
+                return this.users[id]
+            }
+            const config = useRuntimeConfig();
+            const data = await useFetch<UserResponseDTO>(config.public.endpoint + `/users/` + id, {
+                credentials: "include",
+                immediate: true
+            })
+            if (data.data.value) {
+                this.users[data.data.value.id] = data.data.value
+            }
+            return data.data.value
+        },
+        async whoami() {
+            const config = useRuntimeConfig();
+            const req = await useFetch<UserResponseDTO>(config.public.endpoint + "/whoami", {
+                credentials: "include",
+                server: false,
+                immediate: true,
+                onResponse: (data) => {
+                    this.self = data.response._data
+                    this.has_contacted = true
+                },
+                lazy: true
+            })
+            return req;
+        }
+    },
+});

store/word.store.ts

@@ -0,0 +1,39 @@
+import { defineStore } from "pinia";
+import { WordResponseDTO } from "~/netcode/events/dto/wordresponse.dto";
+
+export const useWordStore = defineStore("word", {
+    state: () => ({
+        words: {} as Record<string, WordResponseDTO>,
+    }),
+    actions: {
+        async fetchWordList() {
+            const config = useRuntimeConfig();
+            const data = await useFetch<WordResponseDTO[]>(config.public.endpoint + `/words/all`, {
+                credentials: "include",
+            })
+            if (data.data.value && !data.error.value) {
+
+                for (const word of data.data.value) {
+                    this.words[word.id] = word
+                }
+            }
+            return data
+        },
+        async enableWord(id: number) {
+            const config = useRuntimeConfig();
+            const data = await $fetch<WordResponseDTO>(config.public.endpoint + `/words/` + id + "/enable", {
+                credentials: "include",
+                method: "PUT"
+            })
+            return data
+        },
+        async disableWord(id: number) {
+            const config = useRuntimeConfig();
+            const data = await $fetch<WordResponseDTO>(config.public.endpoint + `/words/` + id + "/disable", {
+                credentials: "include",
+                method: "PUT"
+            })
+            return data
+        }
+    },
+});