From b77ff8796a363b0af0b04143fd3c78dcd0390d96 Mon Sep 17 00:00:00 2001
From: Kolado Sidibe <ksidibe@yahoo.com>
Date: Sat, 12 May 2018 05:21:22 -0400
Subject: [PATCH] Allow user to define the DOM id of the wizard.

---
 src/components/FormWizard.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/FormWizard.vue b/src/components/FormWizard.vue
index cd7f950..41badb4 100644
--- a/src/components/FormWizard.vue
+++ b/src/components/FormWizard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="vue-form-wizard" :class="[stepSize, {vertical: isVertical}]" @keyup.right="focusNextTab"
+  <div :id="id ? id : ''" class="vue-form-wizard" :class="[stepSize, {vertical: isVertical}]" @keyup.right="focusNextTab"
        @keyup.left="focusPrevTab">
     <div class="wizard-header" v-if="$slots['title']">
       <slot name="title">
@@ -84,6 +84,10 @@
       WizardStep
     },
     props: {
+      id: {
+        type: String,
+        default: 'fw_' + (new Date()).valueOf()
+      },
       title: {
         type: String,
         default: 'Awesome Wizard'