基于vue3的i18n

import { createI18n } from "vue-i18n"

import messages from './index'

const i18n = createI18n({

legacy:false,

locale: localStorage.lang || 'en_US',

messages

})

export default i18n

import { useI18n } from "vue-i18n"

const { t } = useI18n();

rules: {

    userName: [{ required: true, message: t('user.tips004'), trigger: "blur" }, { min: 2, max: 20, message: t('user.tips009'), trigger: "blur" }],

    nickName: [{ required: true, message: t('user.tips005'), trigger: "blur" }],

    password: [{ required: true, message: t('user.tips006'), trigger: "blur" }, { min: 5, max: 20, message: t('user.tips010'), trigger: "blur" }],

    email: [{ type: "email", message: t('user.tips007'), trigger: ["blur", "change"] }],

    phonenumber: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: t('user.tips008'), trigger: "blur" }]

  }