vue-shepherd

vue-shepherd is built and maintained by Ship Shape. Contact us for web app consulting, development, and training for your project.

!Download count all time
![npm]()

This is a Vue wrapper for the Shepherd, site tour, library.

``bash
npm install vue-shepherd --save
`

Usage

$3

First, in your main.js, import the styles

`js
import 'shepherd.js/dist/css/shepherd.css'
`
Then, use shepherd in your components:

`vue



`

$3

To use vue-shepherd with Option API you have to install the plugin which will add the '$shepherd' function to your vue app.

`js
import { createApp } from 'vue';
import VueShepherdPlugin from 'vue-shepherd';
import '~shepherd.js/dist/css/shepherd.css';

createApp().use(VueShepherdPlugin).mount('#app');
`

`vue



`

SSR


For server side rendering project, you should import the vue-shepherd.ssr.js file.

`js
import VueShepherd from 'vue-shepherd/dist/vue-shepherd.ssr.js';
``

Directives

WIP