From 299c01138205a1c0f04afe924a60cf6eddc0e562 Mon Sep 17 00:00:00 2001
From: Stuart Clark <stu@rtclark.net>
Date: Tue, 17 Sep 2024 10:17:39 +1000
Subject: [PATCH] feat(#3): add slots to CTList

---
 src/components/List.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/List.vue b/src/components/List.vue
index 6f24dbe..2847ca1 100644
--- a/src/components/List.vue
+++ b/src/components/List.vue
@@ -18,7 +18,7 @@
       </div>
 
       <!-- Filters -->
-      <div v-if="(filters || []).length > 0 || $scopedSlots.filters" class="ct-list__filters">
+      <div v-if="filters?.length > 0 || $scopedSlots.filters" class="ct-list__filters">
         <div class="container">
           <div class="row">
             <div class="col-xxs-12">
@@ -30,6 +30,13 @@
         </div>
       </div>
 
+      <!-- Slot: Body Top -->
+      <div v-if="$slots['body_top']" class="ct-list__body-top">
+        <div class="container">
+          <slot name="body_top" />
+        </div>
+      </div>
+
       <!-- Body -->
       <div class="ct-list__body">
         <div
@@ -39,6 +46,7 @@
           <div class="container">
             <div class="row">
               <div class="col-xxs-12">
+                <!-- Item Grid -->
                 <div class="ct-item-grid__items">
                   <div class="row">
                     <slot>
@@ -67,6 +75,13 @@
         </div>
       </div>
 
+      <!-- Slot: Body Bottom -->
+      <div v-if="$slots['body_bottom']" class="ct-list__body-bottom">
+        <div class="container">
+          <slot name="body_bottom" />
+        </div>
+      </div>
+
       <!-- Pager -->
       <div v-if="(pager && pages) || $scopedSlots.pager" class="ct-list__results-below">
         <div class="container">