How to use i18n in my project about deprecated HOT 5 CLOSED

import Vue from 'vue'
import VuePlugin from 'vue-plugin'

Vue.use(VuePlugin({ ... }))

export default () => ({
  root: () => import("./root.vue"),
  ...
}

import Vue from "vue";
import Element from "element-ui";
import Cookies from "js-cookie";

import permission from "./permission";
import createRouter from "./router";
import createStore from "./store";
import document from "./document";

import "normalize.css/normalize.css";
import "element-ui/lib/theme-chalk/index.css";


import i18n from "./lang";

Vue.use(Element, {
  size: Cookies.get("size") || "medium",
  i18n: (key, value) => i18n.t(key, value)
});

Vue.config.productionTip = false;

const router = createRouter();
if (process.browser) {
  // const FastClick = require("fastclick");
  // FastClick.attach(document.body);
  permission(router);
}

export default () => ({
  root: () => import("./root.vue"),
  document: context => document(context),
  router,
  store: createStore(),
  i18n
});

import Vue from "vue";
import VueI18n from "vue-i18n";
import Cookies from "js-cookie";
import elementEnLocale from "element-ui/lib/locale/lang/en"; // element-ui lang
import elementZhLocale from "element-ui/lib/locale/lang/zh-CN"; // element-ui lang
import enLocale from "./en";
import zhLocale from "./zh";

Vue.use(VueI18n);

const messages = {
  en: {
    ...enLocale,
    ...elementEnLocale
  },
  zh: {
    ...zhLocale,
    ...elementZhLocale
  }
};

const i18n = new VueI18n({
  // NOTES: 设置语言 参数为 en or zh
  locale: Cookies.get("lang") || "zh",
  messages
});

export default i18n;

 <h3 class="title">{{$t('titleInfo.message')}}</h3>

TypeError: Cannot read property '_t' of undefined
    at Proxy.Vue.$t (E:\h-project\vue-baseframe\node_modules\vue-i18n\dist\vue-i18n.common.js:181:17)
    at Proxy.render (app/pages/login/index.vue?7088:27:0)
    at VueComponent.Vue._render (E:\h-project\vue-baseframe\node_modules\vue\dist\vue.runtime.common.js:4542:22)
    at renderComponentInner (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:7532:25)
    at renderComponent (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:7502:5)
    at renderNode (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:7418:5)
    at renderComponentInner (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:7538:3)
    at renderComponent (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:7502:5)
    at RenderContext.renderNode (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:7418:5)
    at RenderContext.next (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:2436:14)
    at cachedWrite (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:2295:9)
    at renderStringNode$1 (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:7623:5)
    at RenderContext.renderNode (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:7416:5)
    at RenderContext.next (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:2436:14)
    at cachedWrite (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:2295:9)
    at renderElement (E:\h-project\vue-baseframe\node_modules\vue-server-renderer\build.js:7656:5)