···

       
59
       
 
       
        Posts

     

       
60
       
 
       
    </h2>

     

       
61
       
 
       


     

       
62
       
-
       
    <section class="my-6">

     

       
63
       
-
       
        <p>

     

       
64
       
 
       
            Filter posts:

     

       
65
       
 
       
        </p>

     

       
66
       
-
       
        <div class="w-full overflow-x-scroll flex flex-row items-start">

     

       
67
       
 
       
            <button

     

       
68
       
 
       
                v-for="tag in tags"

     

       
69
       
 
       
                :key="tag"

     

       
70
       
 
       
                    :class="[

     

       
71
       
 
       
                        'flex px-2 py-1 mr-2 mb-2 w-max flex-row items-center gap-2',

     

       
72
       
 
       
                        `${tag === filter ? 'bg-gray-500 dark:bg-gray-500 text-gray-100 dark:text-gray-100' : 'bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200'}`,

     

       
73
       
-
       
                        'rounded-full text-sm font-medium lowercase'

     

       
74
       
 
       
                    ]"

     

       
75
       
 
       
                    @click="filter = filter === tag ? undefined : tag"

     

       
76
       
 
       
            >

     

···

       
59
       
 
       
        Posts

     

       
60
       
 
       
    </h2>

     

       
61
       
 
       


     

       
62
       
+
       
    <section class="my-6 flex flex-row justify-between items-start gap-4">

     

       
63
       
+
       
        <p class="text-sm text-gray-500 dark:text-gray-400 w-max text-nowrap">

     

       
64
       
 
       
            Filter posts:

     

       
65
       
 
       
        </p>

     

       
66
       
+
       
        <div class="overflow-x-scroll flex flex-row items-start">

     

       
67
       
 
       
            <button

     

       
68
       
 
       
                v-for="tag in tags"

     

       
69
       
 
       
                :key="tag"

     

       
70
       
 
       
                    :class="[

     

       
71
       
 
       
                        'flex px-2 py-1 mr-2 mb-2 w-max flex-row items-center gap-2',

     

       
72
       
 
       
                        `${tag === filter ? 'bg-gray-500 dark:bg-gray-500 text-gray-100 dark:text-gray-100' : 'bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200'}`,

     

       
73
       
+
       
                        'rounded-full text-sm font-medium lowercase text-nowrap'

     

       
74
       
 
       
                    ]"

     

       
75
       
 
       
                    @click="filter = filter === tag ? undefined : tag"

     

       
76
       
 
       
            >