update content render page

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

pages/categories/[category].vue

@@ -32,7 +32,7 @@ const { data } = await useAsyncData('home', () =>
   <main class="container max-w-5xl mx-auto text-zinc-600">
     <CategoryTopic />
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
-      <template v-for="post in data" :key="n">
+      <template v-for="post in data" :key="post.title">
         <BlogCard
           :title="post.title"
           :description="post.description"

pages/categories/index.vue

@@ -30,7 +30,7 @@ const topics = [
   <main class="container max-w-5xl mx-auto text-zinc-600">
     <CategoryHero />
     <div class="flex flex-wrap px-6 mt-12 gap-3">
-      <template v-for="topic in topics" :key="n">
+      <template v-for="topic in topics" :key="topic">
         <CategoryCard :title="makeFirstCharUpper(topic)" />
       </template>
     </div>