Как сделать анимацию перевода слов vue 2 cli + i18n?

Question

[Alianos]

Как известно, при смене языка через 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;
  }
}

Однако кажется, что слова переводятся асинхронно, и иногда считается длина непереведенных слов. Как сделать так, чтобы длина считалась только после завершения перевода?