Vue 3.5模板中无法访问globalProperties全局变量问题求助

嘿各位大佬，我最近在项目里卡壳了，想请教下大家！

我的项目环境是：IDE用的Webstorm 2024.1.5，技术栈是Vue 3.5.13 + Vite + TypeScript。我写了一个i18n相关的插件，代码是这样的：

export default {
  install: (app: App) => {
    app.config.globalProperties.$i18n = useI18n;
  },
};

然后在main.ts里引入并使用了这个插件：

import i18n from "@/locales/plugin.ts";

app.use(i18n);

为了让TS识别这个全局属性，我还在env.d.ts里尝试声明类型，但到一半就不知道怎么写了，现在代码是这样的：

declare module "@vue/runtime-core" {
  interface ComponentCustomProperties {
    $i18n: // 这里不知道怎么正确声明对应的类型
  }
}

现在的问题是，我在Vue模板里没法访问$i18n这个全局变量，要么报类型错误，要么直接找不到这个属性。有没有大佬能帮我看看哪里出问题了，或者教教我怎么正确配置这个全局属性的类型声明呀？

备注：内容来源于stack exchange，提问作者Goodie