milnode/src/components/MilNode/mixins/lang.js

Vue.js Component Framework, build on top of vuetify

import en from '@/locale/en'
import { getObjectValueByPath } from '@/util/helpers'
import { consoleError, consoleWarn } from '@/util/console'

const LANG_PREFIX = '$milnode.'
const fallback = Symbol('Lang fallback')

function getTranslation (locale, key, usingFallback = false) {
  const shortKey = key.replace(LANG_PREFIX, '')
  let translation = getObjectValueByPath(locale, shortKey, fallback)

  if (translation === fallback) {
    if (usingFallback) {
      consoleError(`Translation key "${shortKey}" not found in fallback`)
      translation = key
    } else {
      consoleWarn(`Translation key "${shortKey}" not found, falling back to default`)
      translation = getTranslation(en, key, true)
    }
  }

  return translation
}

export default function lang (config = {}) {
  return {
    locales: Object.assign({ en }, config.locales),
    current: config.current || 'en',
    t (key, ...params) {
      if (!key.startsWith(LANG_PREFIX)) return key

      if (config.t) return config.t(key, ...params)

      const translation = getTranslation(this.locales[this.current], key)

      return translation.replace(/\{(\d+)\}/g, (match, index) => {
        return String(params[+index])
      })
    }
  }
}