instance method do not work on functional component... i.e Can't use vue-i18n inside

[darkylmnx]

What problem does this feature solve?

currently I can't use vue-i18n in functional components...

<div class="banner_dl columns">
          <a
            class="banner_dl_btn column is-narrow"
            href=""
            target="_blank"
            rel="noopener noreferrer">
            <img src="http://placehold.it/218x64" :alt="$t('buttons.download_android')">
          </a>
          <a
            class="banner_dl_btn column is-narrow"
            href=""
            target="_blank"
            rel="noopener noreferrer">
            <img src="http://placehold.it/218x64" :alt="$t('buttons.download_ios')">
          </a>
</div>

What does the proposed API look like?

there's no API for that, it just have to work out-of-the-box

[yyx990803]

Use parent.$t

[darkylmnx]

@yyx990803 thanks, is this somewhere in the docs (the use case i mean) ? because it would be really helpful for others.

[posva]

The fact about parent, yes. But, it would be more helpful on vue-i18n docs. I don't know if it's there, but if it isn't you should open a PR in their docs

[kazupon]

@darkylmnx
Sorry vue-i18n poor documentation. 🙇
I will add about it later.

[darkylmnx]

@kazupon no prob, thanks

[darkylmnx]

@yyx990803 I'm not sure if I should open another issue for this so I'm asking here :
Since functional components have no instance, is it possibile to use local components or we should absolutely defined components globally with Vue.component - this isn't said in the docs either.
UPDATE : it seems it's discussed here #7492