Merge branch 'main' into staging

package.json

@@ -122,4 +122,4 @@
     "esbuild",
     "@sveltejs/kit"
   ]
-}
+}

src/gql/users/user.graphql

@@ -40,6 +40,10 @@ query GetUser($user: UserID!) {
             note
           }
         }
+        tags {
+          id
+          name
+        }
       }
     }
     guides {

src/lib/components/auth/LoginDialog.svelte

@@ -6,7 +6,7 @@
     OAuthGoogleDocument,
     LogoutDocument
   } from '$lib/generated';
-  import { getContextClient, queryStore } from '@urql/svelte';
+  import { getContextClient } from '@urql/svelte';
   import { browser } from '$app/environment';
   import { page } from '$app/stores';
   import { user, userToken } from '$lib/stores/user';
@@ -23,14 +23,6 @@
   export const { t } = getTranslate();
 
   if (browser) {
-    const getMe = queryStore({
-      query: GetMeDocument,
-      client,
-      variables: {},
-      requestPolicy: 'network-only',
-      pause: true
-    });
-
     let first = true;
     userToken.subscribe((token) => {
       if (token) {
@@ -54,20 +46,16 @@
       first = false;
 
       if (token) {
-        getMe.pause();
-        getMe.resume();
-
-        const unsub = getMe.subscribe((response) => {
-          if (!response.fetching) {
+        client
+          .query(GetMeDocument, {}, { requestPolicy: 'network-only' })
+          .toPromise()
+          .then((response) => {
             if (response.error) {
               console.error(response.error.message);
-              unsub();
             } else if (response.data) {
               user.set(response.data.getMe);
-              unsub();
             }
-          }
-        });
+          });
       } else {
         user.set(null);
       }

src/routes/+page.svelte

@@ -10,7 +10,7 @@
 
   export let data: PageData;
 
-  const { mods } = data;
+  $: ({ mods } = data);
 
   export const { t } = getTranslate();
 

src/routes/admin/sml-versions/[smlVersionId]/edit/+page.svelte

@@ -11,13 +11,13 @@
 
   export let data: PageData;
 
-  const { smlVersionId } = data;
+  $: ({ smlVersionId } = data);
 
   const client = getContextClient();
 
   const toastStore = getToastStore();
 
-  const smlVersion = queryStore({
+  $: smlVersion = queryStore({
     query: GetSmlVersionAdminDocument,
     client,
     variables: { smlVersionID: smlVersionId }

src/routes/guide/[guideId]/+page.svelte

@@ -14,7 +14,7 @@
 
   export let data: PageData;
 
-  const { guideId, guide } = data;
+  $: ({ guideId, guide } = data);
 
   const client = getContextClient();
 

src/routes/guide/[guideId]/edit/+page.svelte

@@ -11,13 +11,13 @@
 
   export let data: PageData;
 
-  const { guideId } = data;
+  $: ({ guideId } = data);
 
   const client = getContextClient();
 
   const toastStore = getToastStore();
 
-  const guide = queryStore({
+  $: guide = queryStore({
     query: GetGuideDocument,
     client,
     variables: { guide: guideId }

src/routes/mod/[modId]/+page.svelte

@@ -20,7 +20,7 @@
 
   export let data: PageData;
 
-  const { modId, mod } = data;
+  $: ({ modId, mod } = data);
 
   const client = getContextClient();
 

src/routes/mod/[modId]/version/[versionId]/edit/+page.svelte

@@ -11,13 +11,13 @@
 
   export let data: PageData;
 
-  const { modId, versionId } = data;
+  $: ({ modId, versionId } = data);
 
   const client = getContextClient();
 
   const toastStore = getToastStore();
 
-  const version = queryStore({
+  $: version = queryStore({
     query: GetModVersionDocument,
     client,
     variables: { version: versionId }

src/routes/user/[userId]/+page.svelte

@@ -11,7 +11,7 @@
 
   export let data: PageData;
 
-  const { user } = data;
+  $: ({ user } = data);
 
   let guidesTab = false;
 </script>