finish of simple i18n

src/VEmojiPicker.vue

@@ -6,7 +6,7 @@
       :current="currentCategory"
       @select="changeCategory"
     />
-    <InputSearch v-if="showSearch" @update="onSearch" :placeholder="labelSearch" />
+    <InputSearch v-if="showSearch" @update="onSearch" />
     <EmojiList
       :data="mapEmojis"
       :category="currentCategory"
@@ -57,7 +57,6 @@ export default class VEmojiPicker extends Vue {
   @Prop({ default: "Peoples" }) initialCategory!: string;
   @Prop({ default: () => [] as ICategory[] }) exceptCategories!: ICategory[];
   @Prop({ default: () => [] as Emoji[] }) exceptEmojis!: IEmoji[];
-  @Prop({}) lang!: string;
   @Prop({}) i18n!: Object;
 
   mapEmojis: MapEmojis = {};
@@ -76,10 +75,6 @@ export default class VEmojiPicker extends Vue {
     this.restoreFrequentlyEmojis();
 
     // Configure i18n
-    if (this.lang) {
-      locale.use(this.lang);
-    }
-
     if (this.i18n) {
       locale.i18n(this.i18n);
     }

src/components/InputSearch.vue

@@ -8,7 +8,7 @@
 
 <script lang="ts">
 import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-import { st } from "@/locale";
+import { t } from "@/locale";
 
 const timemout = 500;
 let listenInput: number;
@@ -25,7 +25,7 @@ export default class InputSearch extends Vue {
   }
 
   get placeholder() {
-    return st("search");
+    return t("search");
   }
 }
 </script>

src/index.ts

@@ -7,14 +7,11 @@ import { emojisDefault } from './utils/emojis';
 import locale from './locale';
 
 const defaultOptions = {
-  locale: 'en-UK',
   i18n: {}
 }
 
 const VEmojiPicker: PluginObject<_VEmojiPicker> = {
   install: (Vue, opts: any = defaultOptions) => {
-
-    locale.use(opts.locale);
     locale.i18n(opts.i18n);
 
     Vue.component(_VEmojiPicker.name, _VEmojiPicker);

src/locale/index.ts

@@ -1,18 +1,13 @@
+import langDefault from './lang/enUK';
+
 let lang = {};
 
 export const i18n = (translations: Object) => {
-  lang = { ...lang, ...translations }
-}
-
-export const use = (initials: string) => {
-  if (initials.trim().length) {
-    const nLang = require(`./lang/${initials}`).default
-    i18n(nLang)
-  }
+  lang = { ...langDefault, ...translations }
 }
 
 // Sample parse translation
-export const st = (term: string) => {
+export const t = (term: string) => {
   const properties = term.split(".")
   let text = lang
 
@@ -23,4 +18,4 @@ export const st = (term: string) => {
   return text
 }
 
-export default { use, i18n, t: st }
+export default { i18n, t }

src/models/Category.ts

@@ -1,4 +1,4 @@
-import { st } from '@/locale';
+import { t } from '@/locale';
 
 export interface ICategory {
   name: string;
@@ -12,6 +12,6 @@ export class Category implements ICategory {
   ) { }
 
   get label() {
-    return st(`categories.${this.name}`)
+    return t(`categories.${this.name}`)
   }
 }