vdirs

Helper directives for Vue.

Usage no npm install needed!

<script type="module">
  import vdirs from 'https://cdn.skypack.dev/vdirs';
</script>

README

vdirs

Helper directives for Vue.

Installation

npm install --save-dev vdirs

Docs

zindexable

Description

Set largest z-index on the most recently displayed element.

Usage

import { zindexable } from 'vdirs'

export default {
  directives: {
    zindexable
  }
}
<div
  v-zindexable="{
    enabled: boolean,
    zIndex?: number
  }"
/>

clickoutside, mousemoveoutside

Description

As the names.

Usage

import { clickoutside, mousemoveoutside } from 'vdirs'

export default {
  directives: {
    clickoutside,
    mousemoveoutside
  }
}
<div
  v-clickoutside="(e: MouseEvent) => any"
  v-mousemoveoutside="(e: MouseEvent) => any"
/>