How to add types for global directives | 如何给全局指令添加TS类型？

[rookie-orange]

How to add types for global directives？
如何给全局指令添加TS类型？

I now use method is to create a .d.ts files, and within the file extension of vue ComponentCustomProperties type.
我现在使用的方法是创建一个.d.ts文件，并在文件内扩展vue的ComponentCustomProperties类型。

 interface ComponentCustomProperties {
    vPermission: ObjectDirective<
      HTMLButtonElement,
      PermissionConfig | PermissionConfig['name']
    >;
  }

But when I do that, I run into some problems

1. Theme coloring failed
2. All global components contain a 'vPermission' property

但是当我这么做以后会遇到一些问题

1. 主题着色失败
2. 全局组件都会包含vPermission属性

Problem 1:

Problem 2:

<script setup lang="ts">
import { Button } from 'path'
import { ref } from 'vue'
const buttonRef = ref<InstanceType<typeof Button>>()
buttonRef.value.vPermission = {} // Accessible and has TS type hints 可访问且有TS类型提示
</script>

<template>
  <Button ref="buttonRef">A Button</Button>
</template>

[KazariEX]

Use GlobalDirectives.

[rookie-orange]

Solved, thanks!
解决了，谢谢！