Cannot silence fallback warnings like on V8

Reporting a bug

By default when fallbacking fail, two warnings are printed e.g

[intlify] Fall back to translate 'bf.headerBar.homeSearchBarPlaceholder' key with 'en' locale
[intlify] Not found 'bf.headerBar.homeSearchBarPlaceholder' key in 'en' locale messages.

The documentation clearly state:

To suppress these warnings (while keeping those which warn of the total absence of translation for the given key) set silentTranslationWarn: true, and silentFallbackWarn: true when initializing the createI18n.

Since the failing fallback warnings are much too noisy, I want to silence them, but keep other i18n warnings. Unfortunately, it seems that those booleans have been silently renamed and the documentation no longer reflect the state of V9 Apparently silentFallbackWarn has become fallbackWarn and the boolean logic reversed. If so why not I don’t care and indeed setting fallbackWarn remove half of the warnings. silentTranslationWarn seems to now longer exist ? (at least in non-legacy mode), however I cannot find the new boolean. It should have been renamed to translationWarn to be consistent with fallbackWarn renaming but there is no such thing. The ComposerOptions type expose the following candidates:

• missingWarn: when enabled it effectively hide warnings, but it hide too much warnings e.g I have no key in the fallback languages nor in the user locale. This is in direct contradiction with

while keeping those which warn of the total absence of translation for the given key

• missing: this boolean might be the new silentTranslationWarn ? weird cause the type is not a boolean despite what the doc claims, I have no idea how to set missing.

I am on the latest stable Vue-i18n 9.1.x release.

const i18n = createI18n({
  fallbackWarn: false,
  missingWarn: false,
  fallbackLocale: ["en", "fr"],
  globalInjection: true,
  legacy: false,
  useScope: "global",
  locale: locale,
  messages: loadTranslations(),
  datetimeFormats,
  numberFormats,
});

edit: the doc confirm that silentTranslationWarn has been renamed to missingWarn. Then how come I have now warning when no key is found for fallbackLocale? @kazupon friendly ping

Validations

• Read the Contributing Guidelines
• Read the Documentation
• Check that there isn’t already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion

[darkxanter]

For example, there is such a file with translation: en.json

{
  "password": "Password"
}

And vue file:

<template>
  <div>{{ t('password' }}</div>
  <div>{{ t('password2' }}</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { useI18n } from 'vue-i18n'

export default defineComponent({
  setup() {
    const { t } = useI18n({ useScope: 'global' })
    return {
      t,
    }
  },
})
</script>

By default I get messages like this in the console:

Fall back to translate 'password' key with 'en' locale. 
Not found 'password' key in 'en' locale messages. 
Fall back to translate 'password' with root locale. 
Fall back to translate 'password2' key with 'en' locale. 
Not found 'password2' key in 'en' locale messages. 
Fall back to translate 'password2' with root locale. 
Fall back to translate 'password2' key with 'en' locale. 
Not found 'password2' key in 'en' locale messages.

missingWarn: false and fallbackWarn: false suppress all of these messages, but I want to see only warning message for password2 and not for password.

[JWong1105]

Hello everybody, just now I found the right config by debug the source code. We just can only set ‘silentTranslationWarn: true’ and ‘silentFallbackWarn: true’ the source codes are in the file ‘vue-i18n.esm-bundler.js’ at line 661. const missingWarn = isBoolean(options.silentTranslationWarn) || isRegExp(options.silentTranslationWarn) ? !options.silentTranslationWarn : true; const fallbackWarn = isBoolean(options.silentFallbackWarn) || isRegExp(options.silentFallbackWarn) ? !options.silentFallbackWarn : true;