vue-petite-i18n

Lightweight, extensible JavaScript i18n.

命令

# 编译
pnpm build

# 启动
pnpm dev

# 启动 demo
pnpm dev:example

注册

import { createApp } from 'vue'
import App from './App.vue'
import i18n from "vue-petite-i18n"


const app = createApp(App)


const en = {
  test: "test",
  lang: "en"
}

const zh = {
  test: "测试",
  lang: "zh"
}

const ja = {
  test: "八嘎",
  lang: "ja"
}
app.use(i18n, {
  local: "zh",
  message: {
    en,
    zh,
    ja
  }
})

app.mount('#app')

使用

<script setup>
import i18n from 'vue-petite-i18n'

const setLang = (lang) => {
  // i18n.global.setLang(lang)
  i18n.local.value = lang
};
</script>

<template>
  <div>
    <p>{{ $translate("test") }}</p>
    <p>{{ $translate("lang") }}</p>
    <button @click="setLang('zh')">set Lang zh</button>
    <button @click="setLang('en')">set Lang en</button>
    <button @click="setLang('ja')">set Lang ja</button>
  </div>
</template>