fix: DOM order

Rule-34 · Nov 10, 2023 · 330cf55 · 330cf55
1 parent e03d077
commit 330cf55
Showing 1 changed file with 9 additions and 10 deletions.
diff --git a/pages/posts.vue b/pages/posts.vue
@@ -545,26 +545,25 @@ definePageMeta({
 
           <!-- TODO: Animate adding posts https://vuejs.org/guide/built-ins/transition-group.html#staggering-list-transitions -->
           <ol
-            v-for='(post, postIndex) in postsPage.data'
-            :key='`${selectedBooru.domain}-${post.id}`'
             class='space-y-4'
           >
-            <li>
+            <li
+              v-for='(post, postIndex) in postsPage.data'
+              :key='`post-${selectedBooru.domain}-${post.id}`'
+            >
               <Post
                 :post='post'
                 :post-name='`${selectedBooru.domain}-${post.id}`'
                 :selected-tags='selectedTags'
                 @click-tag='onPostClickTag'
                 @click-long-tag='onPostClickLongTag'
               />
-            </li>
 
-            <!-- Promoted content -->
-            <template v-if='!isPremium && postIndex !== 0 && postIndex % 7 === 0'>
-              <li :key='`${post.id}-promoted-content`'>
-                <PromotedContent />
-              </li>
-            </template>
+              <!-- Promoted content -->
+              <template v-if='!isPremium && postIndex !== 0 && postIndex % 7 === 0'>
+                <PromotedContent class='my-4' />
+              </template>
+            </li>
           </ol>
         </div>