Merge pull request #28 from GlobalHive/development

Fix for issue #27

Author: GlobalHive

docs/guide/props.md

@@ -4,13 +4,13 @@
 VueJS Tour is written for Vue 3. There are no plans to support Vue 2.x
 :::
 
-|     Prop      |   Type    |                            Default                             | Required | Description                                                                 |
-|:-------------:|:---------:|:--------------------------------------------------------------:|:--------:|-----------------------------------------------------------------------------|
-|    `steps`    |  `Array`  |                          `undefined`                           |  `true`  | An array of steps to be used in the tour.                                   |
-|  `autoStart`  | `Boolean` |                            `false`                             | `false`  | If `true`, the tour will start automatically when the component is mounted. |
-| `startDelay`  | `Number`  |                              `0`                               | `false`  | If set, the tour will start after x miliseconds.                            |
-|  `highlight`  | `Boolean` |                            `false`                             | `false`  | If `true`, the target will get highlighted.                                 |
-| `buttonLabel` | `Object`  | `{ next: "Next", prev: "Back", finish: "Finish", skip: "Skip"}` | `false`  | The labels used for the buttons.                                            |
+|      Prop      |   Type    |                            Default                             | Required | Description                                                                 |
+|:--------------:|:---------:|:--------------------------------------------------------------:|:--------:|-----------------------------------------------------------------------------|
+|    `steps`     |  `Array`  |                          `undefined`                           |  `true`  | An array of steps to be used in the tour.                                   |
+|  `autoStart`   | `Boolean` |                            `false`                             | `false`  | If `true`, the tour will start automatically when the component is mounted. |
+|  `startDelay`  | `Number`  |                              `0`                               | `false`  | If set, the tour will start after x miliseconds.                            |
+|  `highlight`   | `Boolean` |                            `false`                             | `false`  | If `true`, the target will get highlighted.                                 |
+| `buttonLabels` | `Object`  | `{ next: "Next", prev: "Back", finish: "Finish", skip: "Skip"}` | `false`  | The labels used for the buttons.                                            |
 
 ## Example
 

src/components/VTour.vue

@@ -5,7 +5,7 @@
     </slot>
     <slot name="actions" v-bind="{ endTour, nextStep, prevStep, step }">
       <div class="vjt-actions">
-        <button type="button" @click.prevent="endTour">Skip</button>
+        <button type="button" @click.prevent="endTour" v-text="props.buttonLabels.skip"></button>
         <button v-if="step.currentStep > 0" type="button" v-text="props.buttonLabels.prev" @click.prevent="prevStep"></button>
         <button type="button" v-text="getNextText" @click.prevent="nextStep"></button>
       </div>