simplify-vue-i18n v0.0.1

Installation

npm install simplify-vue-i18n

Usage

import { useLocale } from 'simplify-vue-i18n'
const messages = {
  zh: {
    message: {
      hello: '你好，世界'
    }
  },
  en: {
    message: {
      hello: 'hello world',
    },
  },
  jp: {
    message: {
      hello: 'こんにちは、世界',
    },
  },
}
const i18n = useLocale(messages)
const app = createApp(App)
app.use(i18n)

<!-- switch language -->
import { changeLocale } from "simplify-vue-i18n";

<template>
  <p>{{ $t("message.hello") }}</p>
  <div flex="~ gap3" justify-center my4>
    <button @click="changeLocale('zh')" btn>zh</button>
    <button @click="changeLocale('jp')" btn>jp</button>
    <button @click="changeLocale('en')" btn>en</button>
  </div>
</template>

<!-- scoped message -->
import { useScopeLocale } from "simplify-vue-i18n";
useScopeLocale({
  locale:'zh',
  message:{
    ...
  }
})

<template>
  <p>{{ $t("message.hello") }}</p>
  <div flex="~ gap3" justify-center my4>
    <button @click="changeLocale('zh')" btn>zh</button>
    <button @click="changeLocale('jp')" btn>jp</button>
    <button @click="changeLocale('en')" btn>en</button>
  </div>
</template>

Thanks

• vue-i18n-next
• vue