fix: fetch recents only on client

logotip4ik · Nov 8, 2024 · 6607ae5 · 6607ae5
1 parent 4f66ae9
commit 6607ae5
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/app/components/Workspace/Toolbox/Recent/ToolboxRecent.vue b/app/components/Workspace/Toolbox/Recent/ToolboxRecent.vue
@@ -15,6 +15,10 @@ let pollingTimer: ReturnType<typeof setTimeout> | undefined;
 let retryingToast: ToastInstance | undefined;
 
 async function fetchRecent(retry: number = 0): Promise<void> {
+  if (import.meta.server) {
+    return;
+  }
+
   clearTimeout(pollingTimer);
 
   $fetch('/api/recent')
@@ -53,16 +57,14 @@ async function fetchRecent(retry: number = 0): Promise<void> {
     });
 };
 
-const stop = watchEffect(() => {
-  if (state.value === 'hidden') {
+const stop = watch(state, (state) => {
+  if (state === 'hidden') {
     return;
   }
 
   fetchRecent();
-  nextTick(() => {
-    stop();
-  });
-});
+  nextTick(() => stop());
+}, { immediate: import.meta.client });
 </script>
 
 <template>