A vue 2 component for making a guide for your website quickly.

Installation

npm install @weiw-guider/vue2
// or
yarn add @weiw-guider/vue2

Example

<template>
    <div>
        <div class="target">Text</div>
        <guider :steps="steps" ref="guider" />
    </div>
</template>

<script>
import Guider from '@weiw-guider/vue2'
export default{
    component: {
        Guider
    },
    mounted(){
        this.steps = [
            {
                name: 'welcome',
                target: {
                    name: '.target'
                }
            }
        ]
        this.$refs.guider.start()
    }
}
<script/>