gonsin-i18n@next

使用方法

main.ts

import { createApp } from "vue";
import App from "./App.vue";

import { useI18n } from "gonsin-i18n";

const app = createApp(App);
const { i18n } = useI18n({ project: "venus" });  // 设置项目名称等配置
app.use(i18n);
app.mount("#app");

App.vue

<script lang="ts" setup>
import { onMounted, onUpdated, ref, watch } from "vue";
import { useI18n } from "gonsin-i18n";

const { i18n, setupI18n, setLocale } = useI18n({
	project: "venus_web",
});

const lang = i18n.global.locale;
onMounted(() => {
 // 初始化语言
 setupI18n("zh-CN");
});

watch(
 () => lang.value,
 async (value) => {
  // 切换语言
  setLocale(value);
 },
);
</script>

<template>
 <div>{{ $t("当前没有会议") }}</div>
 <div>{{ $t("测试") }}</div>

 <div>
  <label for="chinese">中文</label>
  <input type="radio" id="chinese" name="language" v-model="lang" value="zh-CN" />

  <label for="english">英文</label>
  <input type="radio" id="english" name="language" v-model="lang" value="en" />
  <label for="english">zh-HK</label>
  <input type="radio" id="english" name="language" v-model="lang" value="zh-HK" />
 </div>
</template>

</script>

开发

npm install

npm run dev

发布

npm publish --tag=next