import type { App } from 'vue'
import { hasRole } from './permission/hasRole'
import { hasPermi } from './permission/hasPermi'

/**
 * 导出指令：v-xxx
 * @methods hasRole 用户权限，用法: v-hasRole
 * @methods hasPermi 按钮权限，用法: v-hasPermi
 */
export const setupAuth = (app: App<Element>) => {
  hasRole(app)
  hasPermi(app)
}

// TODO @jason：拼写是不是 Focus 聚焦？
/**
 * 导出指令：v-mountedFoucs
 */
export const setupMountedFoucs = (app: App<Element>) => {
  app.directive('mountedFoucs', {
    mounted(el) {
      el.focus()
    }
  })
}