permissions.js

import $store from '../store'

const remove = (vnode) => vnode.elm.parentElement.removeChild(vnode.elm)

export default {
  install (Vue) {
    Vue.directive('permission', {
      inserted (el, binding, vnode) {
        if (binding.arg !== 'can') {
          return
        }
        const permission = $store.state.user.permissions
        if (!Array.isArray(permission)) {
          remove(vnode)
          return
        }
        if (!permission.includes(binding.value)) {
          return
        }
        remove(vnode)
      }
    })
  }
}