文字翻译动画 VUE 2 CLI + I18N

如何解决文字翻译动画 VUE 2 CLI + I18N

如您所知，通过i18n更改语言时，单词的长度会发生变化。我想动画长度的变化。为此，我有一个父块的宽度我改变，使用

  watch: {
    "$i18n.locale": () => {
      document.getElementById("nav").parentElement.style.width =
        (100 * document.getElementById("nav").scrollWidth) / getMinSide() +
        "vmin";
    },},

function getMinSide() {
  if (
    document.documentElement.clientWidth < document.documentElement.clientHeight
  ) {
    return document.documentElement.clientWidth;
  } else {
    return document.documentElement.clientHeight;
  }
}

然而，单词似乎是异步翻译的，有时会考虑未翻译单词的长度。怎么做，翻译完成后才考虑长度。