gonsin-i18n v0.1.14

gonsin-i18n@next

使用方法

main.ts

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

import i18n from "gonsin-i18n";

const app = createApp(App);

app.use(i18n);
app.mount("#app");

App.vue

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

const { setConfig, setupI18n, setLocale } = useI18n();

const lang = i18n.global.locale;
onMounted(() => {
 // 设置使用的项目
 setConfig({
  //PROJECT: "venus_door",
  PROJECT: "venus",
 });

 // 初始化语言
 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