Table of Contents

Vision
Requirement
Features
Live Demo
Principle
License

Vision

To make internationalization easy and enjoyable 😄💪🏻

Requirement

The current library is only applicable to Vue 2 . If you need to support Vue 3 , please click i18n-pro/vue to view

• vue >= 2.0.0 < 3.0.0
• i18n-pro >= 3.0.0 < 4.0.0

Features

• lightweight： +
• The following features are inherited from i18n-pro
  • simple
  • flexible
  • automatic-translation
  • keyless

Live Demo

• with$ = true
  • Open in CodeSandbox
  • 
• with$ = false
  • Open in CodeSandbox
  • 

Principle

This library is implemented based on i18n-pro combined with Vue 's Prototype Properties, Reactivity System and Plugin System

Mainly composed of 1 parts

• createI18n

createI18n：Initialize internationalization state and return its plugin function

A simple example is as follows

1// App.vue
2<template>
3  <div>{{ $t('hello world') }}</div>
4</template>
5
6// main.ts
7import Vue from 'vue'
8import App from './App.vue'
9import { createI18n } from '@i18n-pro/vue2'
10
11const i18n = createI18n({
12  namespace: "i18n-example",
13  locale: "en",
14  langs: {
15    zh: {
16      'hello world': '你好世界',
17    },
18    ja:{
19      "hello world": "こんにちは世界",
20    },
21  }
22})
23
24Vue.use(i18n)
25
26new Vue({
27  el: '#app',
28  render: h => h(App)
29})

Help Document

To avoid unnecessary duplicate document content, some of the documents in this library are linked to the content in i18n-pro
The i18n-pro related link in the current document is based on the 3.0.0-alpha.2 version. If you are using a different version, you need to check the document corresponding to the version you are using to avoid inconsistent usage

• Current Library
  • Quick Start
  • API
  • Changelog
• i18n-pro
  • Command Line
  • Matching Rules
  • Q&A
  • Translation Log

License

MIT

Copyright (c) 2023-present Eyelly Wu