v-waitForT not working properly

[rudrikandharia]

I'm using vue-i18next 0.15.0, i18next 12.0.0, i18next-xhr-backend 1.4.2 (to load data from backend).
I'm using vue Filter for translations
{{ "common:hello" | t }}
My translation resource files are loaded after component is loaded. So translation does not take place correctly.
To avoid this I added v-waitForT with root element of current component i.e. component in which I placed translation. This works fine.
<template> <nav v-waitForT>...
This component is contained within a parent component. If I remove v-waitForT from root element of current component and put it with the parent component, then translation is not working properly.
<app-header v-waitForT></app-header>
Is it possible that I put v-waitForT at very root component, so that all the components gets loaded only when translation resource files are loaded properly?

[oherik]

I think I have the same issue. I would like to add v-waitForT to the root element, but as it is now it seems I have to put it at the element wrapping the translation.

Changing this would make it possible for the whole page to display once the translations have been loaded. As of now elements with translated text jump into place after icons and other non-text elements have already been loaded, which doesn't look too good.

EDIT: after experimenting, it turns out that it does work it when i add v-waitForT on some of the parents, but not all. If I add it to my app.vue root it doesn't work, but if I add it to the div wrapping my <router-view /> it does. When I add it to a <span> with a translated text in it it works, but adding it to the parent of the span doesn't. Perhaps the documentation can be expanded to show where it can be added and where it can't?