0.2.6 • Published 3 years ago

@abdulraof628/vue-guided-tour v0.2.6

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

Vue Guided Tour

a vue.js 3 component to guide your visitors

Demo

vue-guided-tour-demo

Installation

npm i vue-guided-tour --save
import { createApp } from "vue";
import App from "./App.vue";
import VueGuidedTour from "vue-guided-tour";

const app = createApp(App);
app.use(VueGuidedTour);
app.mount("#app");

Usage

<template>
  <button class="step-1">Target</button>
  <vue-guided-tour :steps="steps" />
</template>

<script>
export default {
  data() {
    return {
      steps: [
        {
          target: '.step-1',
          content: 'Hello world',
        }
      ]
    }
  }
}
</script>

Then in your components start it with

this.$vgt.start(0);

In setup function inject $vgt

import { inject } from "vue";

setup() {
  const $vgt = inject("$vgt");
  $vgt.start(0);
},
0.2.6

3 years ago

0.2.5

3 years ago

0.2.4

3 years ago

0.2.3

3 years ago

0.2.2

3 years ago

0.2.1

3 years ago

0.2.0

3 years ago

0.1.9

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.0

3 years ago