···

       
20
       
20
       
 
       
        <h1 class="text-2xl font-bold text-neutral-900 dark:text-neutral-300">

     

       
21
       
21
       
 
       
            {{ post.title }}

     

       
22
       
22
       
 
       
        </h1>

     

       
23
       
23
       
+
       
        <div class="mt-2 flex items-center gap-2">

     

       
24
       
24
       
+
       
            <span v-for="tag in post.tags" :key="tag" class="px-2 py-0.5 text-xs bg-stone-200 dark:bg-stone-700 text-stone-600 dark:text-stone-400 rounded-full">

     

       
25
       
25
       
+
       
                {{ tag }}

     

       
26
       
26
       
+
       
            </span>

     

       
27
       
27
       
+
       
        </div>

     

       
23
       
28
       
 
       
        <p :class="[

     

       
24
       
29
       
 
       
            'text-neutral-500 dark:text-zinc-400',

     

       
25
       
30
       
 
       
            'my-4',

     

···

       
21
       
21
       
 
       
            <h1 class="text-4xl font-bold text-neutral-900 dark:text-neutral-300">

     

       
22
       
22
       
 
       
                {{ post.title }}

     

       
23
       
23
       
 
       
            </h1>

     

       
24
       
24
       
-
       
            <div class="mt-4 flex items-center justify-start gap-4 text-neutral-600 dark:text-neutral-300">

     

       
24
       
24
       
+
       
            <div class="my-2 flex items-center gap-2">

     

       
25
       
25
       
+
       
                <span v-for="tag in post.tags" :key="tag" class="mr-2 mb-2 px-2 py-0.5 text-xs bg-stone-200 dark:bg-stone-700 text-stone-600 dark:text-stone-400 rounded-full">

     

       
26
       
26
       
+
       
                    {{ tag }}

     

       
27
       
27
       
+
       
                </span>

     

       
28
       
28
       
+
       
            </div>

     

       
29
       
29
       
+
       
            <div class="flex items-center justify-start gap-4 text-neutral-600 dark:text-neutral-300">

     

       
25
       
30
       
 
       
                <div v-if="post.authors" class="flex items-center gap-1">

     

       
26
       
31
       
 
       
                    <img v-if="post.authors[0].name === config.author" src="/logo.png" :alt="post.authors[0].name"

     

       
27
       
32
       
 
       
                        class="w-8 h-8 rounded-full mr-2">

     

···

       
9
       
9
       
 
       
        "title",

     

       
10
       
10
       
 
       
        "date",

     

       
11
       
11
       
 
       
        "description",

     

       
12
       
12
       
-
       
        "authors"

     

       
12
       
12
       
+
       
        "authors",

     

       
13
       
13
       
+
       
        "tags"

     

       
13
       
14
       
 
       
    ])

     

       
14
       
15
       
 
       
        .where("published", "<>", false)

     

       
15
       
16
       
 
       
        .order("date", "DESC");

     

···

       
65
       
65
       
 
       
                            }) }}

     

       
66
       
66
       
 
       
                        </span>

     

       
67
       
67
       
 
       
                    </span>

     

       
68
       
68
       
+
       
·

     

       
69
       
69
       
+
       
                    <div>

     

       
70
       
70
       
+
       
                        <span v-for="tag in post.tags" :key="tag" class="mr-2 mb-2 px-3 py-1 text-sm bg-stone-200 dark:bg-stone-700 text-stone-600 dark:text-stone-400 rounded-full">

     

       
71
       
71
       
+
       
                            {{ tag }}

     

       
72
       
72
       
+
       
                        </span>

     

       
73
       
73
       
+
       
                    </div>

     

       
68
       
74
       
 
       
                </div>

     

       
69
       
75
       
 
       


     

       
70
       
76
       
 
       
                <div class="bg-stone-200 dark:bg-stone-700 h-[1px] my-4"></div>