pulsardev/vue-tour

Can't translate button labels and tour texts at all

kaszarobert opened this issue · 1 comments

Describe the bug
For a non-English site I need to translate everything into multiple languages. There's no documentation about that. I tried advises in multiple issues but none of them worked.
#1
#2
#53

1 simple question: is it possible to translate something at all? Or am I wasting my time with this library if I'm not interested in an English UI?

Hi @kaszarobert,

It's totally possible to translate the labels of the buttons. The answer is in all three issues you've listed.
You just have to use the labels prop of the v-step component.

          <v-step
            v-if="tour.currentStep === index"
            v-for="(step, index) of tour.steps"
            :key="index"
            :step="step"
            :previous-step="tour.previousStep"
            :next-step="tour.nextStep"
            :stop="tour.stop"
            :is-first="tour.isFirst"
            :is-last="tour.isLast"
            :labels="tour.labels"
          >
labels: {
  buttonSkip: 'Skip tour',
  buttonPrevious: 'Previous',
  buttonNext: 'Next',
  buttonStop: 'Finish'
}