[feature request] Fallback logic related suggestions/request

[lkho]

Hi folks!
First of all, thanks for all the hard work.

As I scan through the issues, I found that there are lots of suggestions regarding the fallback logic, and I would like to add one more.

There are existing ones:

• fallback locale/language (Fallback language #36, Feature Request: Fallback Locale as array for cascading fallbacks. #138, Feature: option to not fallback to default locale on $t()  #322)
• fallback value/default value (Default value #12, Able to set default value in $t like $t(key, defaultValue) or detect whether a key existed #444)

And I have a new one:

• fallback key

I think that if the key can accept array/fallback then maybe some issues mentioned above can also be solved, such that:

export default {
  methods: {
    t (keys, ...params) {
      // use `$te` and `$t
      let lastKey = '';
      for (let key of [].concat(keys)) {
        lastKey = key;
        if (this.$te(key)) {
          return this.$t(key, ...params);
        }
      }
      return lastKey;
    }
  }
}

then I can use it like this:

this.t([
  'status.' + data.statusKey, // original value
  'status.unknown', // if the key is not found, output the default translation
  '< Unknown Status >', // if the default key is still not found, output hard coded value
]);

of course, the priority of whether the language or key should be searched first is arguable, and is left for discussion. Moreover, the ...params passed in is also arguable, but I think most of the time all the fallback keys would have the same format/semantics which can use the same params.

[IssueHuntBot]

@rororofff has funded $5.00 to this issue.

---

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.

[kazupon]

we supported in Vue I18n v9.
please try it!

[Lemmings19]

@kazupon I am new to Vue and am learning it.

Could you please link to or provide a basic explanation for how to do use a fallback/default message?

I found this, but don't really understand how/if I can use this.

I would love to be able to use t('hello', 'Hello world!') in my project, or something equivalent.