A super lightweight and minimal plugin that introduces internationalization into your Vue.js app with a simple API
import { createApp } from 'vue';
import { createI18n } from 'vue-i18n-lite';
import App from './App.vue';
const i18n = createI18n({
locale: 'en',
fallbackLocale: 'en',
messages: {
'en': {
home: 'Home'
}
}
})
const app = createApp(App);
app.use(i18n);
import { useI18n } from 'vue-i18n-lite';
export default {
setup() {
const i18n = useI18n()
i18n.createI18n({
locale: 'en',
fallbackLocale: 'en',
messages: {
'en': {
home: 'Home'
}
}
})
const { current, changeLocale } = i18n
return {
current,
changeLocale
}
}
}
yarn add vue-i18n-lite
<script src="https://unpkg.com/vue-i18n-lite"></script>
It will be exposed to global as window.VueI18nLite
Detail changes for each release are documented in the CHANGELOG.md file
.
This project is inspired by the following awesome projects.
MIT License © 2021 Erik Pham