fix: useStorage in ssr & extract random

components/RandomRecipe.vue

@@ -1,12 +1,15 @@
 <script lang="ts" setup>
-const rStore = useRecipeStore()
+const { random, randomRecipe } = useRandomRecipe()
 </script>
 
 <template>
-  <div class="inline-flex items-center justify-center">
-    今天吃什么？<div class="transition" hover="text-blue-500" i-ri-refresh-line inline-block cursor-pointer @click="rStore.random" />
-  </div>
-  <div m="t-2">
-    <DishTag :dish="rStore.randomRecipe" />
+  <div v-show="randomRecipe">
+    <div class="inline-flex items-center justify-center">
+      <div>今天吃什么？</div>
+      <div class="transition" hover="text-blue-500" i-ri-refresh-line inline-block cursor-pointer @click="random" />
+    </div>
+    <div m="t-2">
+      <DishTag v-if="randomRecipe" :dish="randomRecipe" />
+    </div>
   </div>
 </template>