Support per-component translations using `experimental.autoImportTranslationFunctions`

[MorevM]

Support per-component translations using `experimental.autoImportTranslationFunctions`

[BobbieGoede]

The current behaviour is specifically made to mimic the globally injected properties (excluding $i18n for now) in the component template, see https://vue-i18n.intlify.dev/guide/advanced/composition.html#implicit-with-injected-properties-and-functions, this also describes the reasoning for prefixing with $.

I do see the value of having auto imported/initialized translation functions using the local scope in your use case, if we want to add this functionality it would still need to be prefixed with something else so we don't end up polluting the script with these variables.

First things that come to mind would either be:

• Prefixing with $l which communicates local scope
  • e.g. { t: $lt, d: $ld, ... }
• Prefixing with $$ which communicates a deeper scope
  • e.g. { t: $$t, d: $$d, ... }

I'm open to suggestions and curious if more projects would be interested in this feature.