update: 增加自定义指令

src/directives/index.js

@@ -1 +1,4 @@
-console.log(111111111)
+import setupPermissionDirective from './permission'
+export function setupDirectives(app) {
+  setupPermissionDirective(app)
+}

src/directives/permission.js

@@ -0,0 +1,26 @@
+// import { usePermission } from '@/composables'
+
+export default function setupPermissionDirective(app) {
+  // const { hasPermission } = usePermission()
+
+  // function updateElVisible(el, permission) {
+  //   if (!permission) {
+  //     throw new Error(`need roles: like v-permission="'admin'", v-permission="['admin', 'test]"`)
+  //   }
+  //   if (!hasPermission(permission)) {
+  //     el.parentElement?.removeChild(el)
+  //   }
+  // }
+
+  // const permissionDirective = {
+  //   mounted(el, binding) {
+  //     updateElVisible(el, binding.value)
+  //   },
+  //   beforeUpdate(el, binding) {
+  //     updateElVisible(el, binding.value)
+  //   }
+  // }
+
+  // app.directive('permission', permissionDirective)
+  console.log(app)
+}

src/main.js

@@ -2,10 +2,12 @@ import App from '@/App.vue'
 import store from '@/store'
 import router from '@/router' // 路由
 import '@/styles/index.less' // 全局样式
+import { setupDirectives } from './directives' // 自定义指令
 async function setupApp() {
   const app = createApp(App)
   app.use(store)
   app.use(router)
+  setupDirectives(app)
   app.mount('#app')
   app.config.performance = true
 }