fix: hydration issue

Rule-34 · Jan 15, 2024 · c2f68ba · c2f68ba
1 parent b8ae5f0
commit c2f68ba
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/components/pages/home/FeaturedTags.vue b/components/pages/home/FeaturedTags.vue
@@ -7,11 +7,14 @@
     }[]
   }>()
 
-  // TODO: Figure out how to make this reload on page reload
-  const preselectedTags = props.tags.map((tag) => ({
-    ...tag,
-    images: [getRandomImage(tag.images)]
-  }))
+  const preselectedTags = useState('preselectedTags' + props.tags[0].path)
+
+  callOnce(() => {
+    preselectedTags.value = props.tags.map((tag) => ({
+      ...tag,
+      images: [getRandomImage(tag.images)]
+    }))
+  })
 
   function getRandomImage(images: string[]) {
     return images[Math.floor(Math.random() * images.length)]