Sub of #1712: What is the best way to extract translation keys from Vue components?

[miguelvaara]

Description of the enhancement

Sub-issue of the issue #1712

With Symfony's console, it is possible to extract new translation keys from both PHP code and Twig templates. However similar functionality is needed for Vue components in the frontend. In previous inside discussions, it has been suggested that the vue-i18n library (https://kazupon.github.io/vue-i18n/) might be required to achieve this. It needs to be determined whether this library is necessary or if there is another effective and as generic as possible method to implement the extraction of translation keys from Vue components (maybe some general method for JavaScript files?).

Who are the users that would benefit from the enhancement and how?

Skosmos users and Skosmos developers

(Name specific organizations, roles and/or communities if possible, and/or point to relevant discussion elsewhere)

What new functionalities would the enhancement make possible?

Extraction of language keys from Vue components

Why is the enhancement important?

Translation functionalities should be as user-friendly, intuitive, and effective as possible to encourage developers to utilize language features that improve usability.

(Why should this be prioritized, instead of spending energy on something else? Who would do the work to make this happen?)