From f742c6c9f9c0a3aa9cd9869997ee5a9be944952d Mon Sep 17 00:00:00 2001
From: joaoggnogueira <joaogabriel17.0@hotmail.com>
Date: Wed, 20 Apr 2022 16:32:35 -0300
Subject: [PATCH 1/2] insertin v-slot and updating readme

---
 README.md                       | 10 ++++++++++
 src/components/Timeline.vue     |  6 +++++-
 src/components/TimelineItem.vue |  7 +++++--
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 569c3e0..8ceeb9b 100644
--- a/README.md
+++ b/README.md
@@ -168,6 +168,16 @@ export default {
 </script>
 ```
 
+## Overwrite Item using slot
+```html
+<Timeline :timeline-items="items">
+  <template v-slot:overwrite="{item}">
+    <b>{{ item.label }}</b>
+    <h4>{{ item.title }}</h4>
+    <p>{{ item.description }}</p>
+  </template>
+</Timeline>
+```
 
 ## License
 
diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue
index bb79d72..be0f265 100644
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@@ -15,7 +15,11 @@
           :item-timeline="timelineContent"
           :date-locale="dateLocale"
           :color-dots="colorDots"
-        />
+        >
+          <template v-slot:overwrite="{ item }">
+            <slot name="overwrite" :item="item"></slot>
+          </template>
+        </TimelineItem>
       </div>
     </div>
     <p v-else>{{ messageWhenNoItems }}</p>
diff --git a/src/components/TimelineItem.vue b/src/components/TimelineItem.vue
index c4a86fd..e4233c7 100644
--- a/src/components/TimelineItem.vue
+++ b/src/components/TimelineItem.vue
@@ -3,8 +3,11 @@
     <div class="item">
       <span :style="getBackgroundColour(itemTimeline.color)" class="dot" />
       <h3 class="date-item">{{ getFormattedDate(itemTimeline) }}</h3>
-      <h4 class="title-item" v-html="itemTimeline.title" />
-      <p class="description-item" v-html="itemTimeline.description" />
+      <template v-if="$slots.overwrite">
+        <h4 class="title-item" v-html="itemTimeline.title" />
+        <p class="description-item" v-html="itemTimeline.description" />
+      </template>
+      <slot v-else name="overwrite" :item="itemTimeline"></slot>
     </div>
   </section>
 </template>

From 5c0e4bed27d44d9f60e5b2463fc0df49609bdcb4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Gabriel=20Gomes=20Nogueira?=
 <joaogabriel17.0@hotmail.com>
Date: Wed, 20 Apr 2022 20:07:56 -0300
Subject: [PATCH 2/2] Update README.md

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 8ceeb9b..03a9b15 100644
--- a/README.md
+++ b/README.md
@@ -168,7 +168,8 @@ export default {
 </script>
 ```
 
-## Overwrite Item using slot
+## Overwrite item using slot
+Replace the default content of timeline item using v-slot
 ```html
 <Timeline :timeline-items="items">
   <template v-slot:overwrite="{item}">