Add favorite property to projects and update sorting in project listing

app/pages/projects/index.vue

@@ -11,6 +11,7 @@ useSeoMeta({
 
 const { data: projects } = await useAsyncData('all-projects', () => {
   return queryCollection('projects')
+    .order('favorite', 'DESC')
     .order('publishedAt', 'DESC')
     .all()
 })
@@ -35,9 +36,17 @@ const { data: projects } = await useAsyncData('all-projects', () => {
             <div
               class="flex flex-col gap-2"
             >
-              <h1 class="font-bold text-lg text-black dark:text-white">
-                {{ project.title }}
-              </h1>
+              <div class="flex items-center gap-2">
+                <h1 class="font-bold text-lg text-black dark:text-white">
+                  {{ project.title }}
+                </h1>
+                <UIcon
+                  v-if="project.favorite"
+                  name="i-ph-star-duotone"
+                  size="16"
+                  class="text-amber-500"
+                />
+              </div>
               <h3 class="text-md text-neutral-500 dark:text-neutral-400">
                 {{ project.description }}
               </h3>

content.config.ts

@@ -15,6 +15,7 @@ export const collections = {
       publishedAt: z.date(),
       tags: z.array(z.string()),
       cover: z.string(),
+      favorite: z.boolean().optional(),
     }),
   }),
   writings: defineCollection({

content/projects/artsite.md

@@ -5,6 +5,7 @@ description: My personal website, my portfolio, and my blog.
 publishedAt: 2024/06/01
 readingTime: 1
 cover: artsite/cover.png
+favorite: true
 tags:
   - web
 ---

content/projects/studies.md

@@ -4,6 +4,7 @@ title: 🎓 Studies projects
 description:  A collection of projects done during my studies.
 publishedAt: 2023/09/01
 readingTime: 1
+favorite: true
 tags:
   - data
   - python