From 5fc9b04b52cbaebdf3ca0ef97fa58a629a4f73a3 Mon Sep 17 00:00:00 2001
From: Cameron McBroom <45535570+Cameron-McBroom@users.noreply.github.com>
Date: Fri, 16 Jul 2021 14:24:46 +1000
Subject: [PATCH 1/2] feat: support for vue sfc

This adds the ability to pass a single file component.

Usage
-----------------
steps: [
{
    component: {
	vue: VButton,
	content: `Hello World`,
	data: {
		type: "success"
	},
	listeners: {
		click: () => { console.log("Clicked button") }
	}
    }
}
]
---
 src/components/VStep.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/VStep.vue b/src/components/VStep.vue
index 3800522..1d881ef 100644
--- a/src/components/VStep.vue
+++ b/src/components/VStep.vue
@@ -8,7 +8,11 @@
 
     <slot name="content">
       <div class="v-step__content">
-        <div v-if="step.content" v-html="step.content"></div>
+         <component v-if="step.component" :is="step.component.vue" v-bind="step.component.data" v-on="step.component.listeners">
+          <template v-if="step.component.content"> {{ step.component.content }} </template>
+          <template v-else-if="step.component.html" v-html="step.component.html"/>
+         </component>
+         <div v-else-if="step.content" v-html="step.content"></div>
         <div v-else>This is a demo step! The id of this step is {{ hash }} and it targets {{ step.target }}.</div>
       </div>
     </slot>

From ad95af248681c03b2b8bece409abdb105bc2890c Mon Sep 17 00:00:00 2001
From: Cameron McBroom <45535570+Cameron-McBroom@users.noreply.github.com>
Date: Fri, 16 Jul 2021 17:23:21 +1000
Subject: [PATCH 2/2] feat: target element click progresses to next step

New option added to step options to specify that the target is a button.

You can specify true, and with the click of the target element, it will progress to the next step.

You can also pass a function, and this will be called instead of next step to give more flexibility to users.
---
 src/components/VStep.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/VStep.vue b/src/components/VStep.vue
index 1d881ef..7ae0f3a 100644
--- a/src/components/VStep.vue
+++ b/src/components/VStep.vue
@@ -125,6 +125,11 @@ export default {
             this.$refs['v-step-' + this.hash],
             this.params
           )
+          
+          if (this.step.targetIsBtn) {
+            this.attachClickListener()
+          }
+          
         } else {
           if (this.debug) {
             console.error('[Vue Tour] The target element ' + this.step.target + ' of .v-step[id="' + this.hash + '"] does not exist!')
@@ -194,6 +199,11 @@ export default {
     },
     isButtonEnabled (name) {
       return this.params.enabledButtons.hasOwnProperty(name) ? this.params.enabledButtons[name] : true
+    },
+    attachClickListener() {
+      this.targetElement.addEventListener("click", () => {
+        typeof this.step.targetIsBtn === "function" ? this.step.targetIsBtn() : this.nextStep();
+      })
     }
   },
   mounted () {