Check permission directive for nuxtjs

permission.js

import Vue from 'vue'

export default function({ store }, inject) {
  Vue.directive('permission', {
    inserted(el, binding, vnode) {
      const { permission } = binding
      const permissionList = store.state.auth.user.permission

      if (permission && Array.isArray(permission) && permission.length > 0) {
        const hasPermission = permissionList.some((role) => {
          return permission.includes(role)
        })

        if (!hasPermission) {
          el.parentNode && el.parentNode.removeChild(el)
        }
      } else {
        throw new Error(
          `need permission! Like v-permission="['view_user','edit_user']"`
        )
      }
    }
  })
}