派大星氵

自定义指令directives在项目特别是后台管理类的项目中使用的尤其多(个人经验)，每个人编写的自定义指令也各不相同，一个人的时候还没啥感觉，在多人合作的项目中统一编码规范就变得很有必要了。

在vue3中使用全局filters已经不是必须，有很多种替代方案(直接定义函数即可)。下面就详细说说如何实现

该组件有两种模式，分别为输入框模式(input)及按钮模式(button)，可根据不同的需求传入相应的模式参数

事情的起因是最近在写国际化(vue-i18n)在页面中使用 $t 渲染文本时没有出现提示，想着都用ts了，没有提示怎么看都不方便，于是就有了此篇文章。

在使用国际化过程中，维护多语言时总会出现一些很繁琐的操作，特别是每个语言一个文件，要保持key统一(当然这个可以通过ts类型来解决), 还要将相对应词条的翻译一个个的复制粘贴

`useDark`的原理是修改元素上的属性值(默认在html标签上添加class="dark")，不涉及具体样式的修改，用户可以灵活的定义dark的样式

useFullscreen函数提供了 进入/退出 全屏模式(toggle、enter、exit)、响应式判断是否在全屏状态(isFullscreen)及是否支持全屏(isSupported)等api。

useFetch函数提供了中止请求、在请求发送前拦截请求、在url变化时自动重新获取请求等一系列很不错的api。

useCssVar实现原理是通过修改css变量的值来自定义主题色，可以单独修改某个dom下的css变量而不影响全局css变量的使用，这就使得可定制主题区域变得非常灵活