vue注册全局filters属性却不能被ts正常检测

前因

明明通过以下代码注册了全局的$filters对象，但是在调用时却不能被ts检测

  app.config.globalProperties.$filters = {
    name: 'xy'
  }

解决

原因是我使用了volar插件，它会对template里面进行ts验证，因此需要写以下声明文件来写明类型，于是在main.js中加入以下代码，重启编辑器，成功解决

declare module '@vue/runtime-core' {
  interface ComponentCustomProperties {
    $filters: any
  }
}