From ced5c9c7b6d7c210ac8ce9f1bce7c97dcf3c47f8 Mon Sep 17 00:00:00 2001
From: Rasel Shikdar <103440692+raselshikdar@users.noreply.github.com>
Date: Fri, 4 Oct 2024 14:43:59 +0600
Subject: [PATCH] Update NoteList.vue

---
 components/content/NoteList.vue | 27 +++++++++------------------
 1 file changed, 9 insertions(+), 18 deletions(-)

diff --git a/components/content/NoteList.vue b/components/content/NoteList.vue
index 56d8cd7..94558ea 100644
--- a/components/content/NoteList.vue
+++ b/components/content/NoteList.vue
@@ -1,26 +1,17 @@
 <script lang="ts" setup>
-const { data: postGroups } = await usePostList()
-const yearKeys = Object.keys(unref(postGroups)).reverse()
+const { data: categories } = await useProjects()
 </script>
 
 <template>
-  <div>
-    <div class="space-y-7">
-      <div v-for="year in yearKeys" :key="year">
-        <SubTitle>
-          {{ year }}
-        </SubTitle>
-        <div class="space-y-10">
-          <PostCard v-for="(post, key) in postGroups[year]" :key="key" :post="post" />
-        </div>
+  <div class="space-y-10">
+    <div v-for="(category, cKey) in categories.body" :key="cKey">
+      <SubTitle>{{ category.name }}</SubTitle>
+      <div class="grid md:grid-cols-2 gap-5">
+        <NoteCard v-for="(project, pKey) in category.projects" :key="pKey" :project="note" />
       </div>
     </div>
-    <NuxtLink
-      class="no-underline opacity-70  mt-8"
-      :to="$route.path.split('/').slice(0, -1).join('/') || '/'"
-    >
-      cd
-      ..
-    </NuxtLink>
   </div>
+  <NuxtLink class="font-mono no-underline opacity-70  mt-8" :to="$route.path.split('/').slice(0, -1).join('/') || '/'">
+    cd ..
+  </NuxtLink>
 </template>