Awesome

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"
/>