vue-driver

Drive the user's focus across the page with Vue and Driver.js.

Install

``bash
npm install vue3-driver
`

Usage

Install the plugin

`js
import { VueDriver } from 'vue3-driver'
import 'driver.js/dist/driver.css'

const app = createApp(App)
app.use(VueDriver)
`

Use directive to add steps, and composable to start driving

`vue



`

$3

By default, the steps run from top to bottom depending on the directive placements. If you want to customize the arrangement, you can add an index property to the directive value, or via modifiers:

`vue

`

$3

You can pass a ref when you want to highlight an element as well:

`ts
import { onMount, ref } from 'vue'
import { useDriver } from 'vue3-driver'

const driver = useDriver()
const element = ref(null)

onMount(() => {
driver.highlight({
element,
popover: {}
})
})
``

License

MIT