Vue-i18n: Able to set default value in $t like $t(key, defaultValue) or detect whether a key existed

[Jinjiang]

Just like mentioned in #12 in the end:

Is this now possible $t('key', 'default value') ?

or is there any way to detect if a key is existed?

My use case is: there are some texts (such as 'OK', 'Cancel' etc.) in a basic component which doesn't rely on vue-i18n. I would like it detect vue-i18n first, if the user doesn't use vue-i18n or doesn't define a corresponding key in vue-i18n, than it could fallback to a string which defined in this basic component. For example:

<template>
  <button>{{ t('ok', 'Yes I do!') }}</button>
</template>

<script>
export default {
  methods: {
    // Just sample code, doesn't work when `vue-i18n` installed
    t(str, fallbackStr) {
      return this.$t ? this.$t(str) : fallbackStr ? fallbackStr : str;
    }
  }
};
</script>

Thanks.

[kazupon]

You can use with $te.
See the docs: https://kazupon.github.io/vue-i18n/api/#te

for example:

export default {
  methods: {
    t(str, fallbackStr) {
      // use `$te` and `$t
      return this.$t && this.$te
        ? this.$te(str)
          ? this.$t(str)
          : fallbackStr
        : fallbackStr
          ? fallbackStr
          : str
  }
}

The current of $t cannot retunr default value, so that doesn't look cool. 😂
I'll plan to improve the API I/F of $t in the future (maybe v9.0). 💪

[Jinjiang]

Ah-ha, that's what I would like! 👻
Thank you and close it.