I am facing a unique challenge. Consider this:
<select name="screw[type]" v-model="form.screw.type">
<option value="My value" ><?php _e('My value', 'fiam'); ?></option>
//[...]
Now, in another part of my code, I have this:
{{ form.screw.type }} // will display "My value"
Seems simple enough, right? Well, not quite. Because now I need that string to be translated. But I can't directly translate the field's value because it needs to be sent untranslated. So essentially:
- I don't want to translate the field's value
- I do want Vue to translate what is displayed (like the option's label)
If only there was a way to do something like this:
<option value="My value" data-tvalue="<?php _e('My value', 'fiam'); ?>" ><?php _e('My value', 'fiam'); ?></option>
(for those unfamiliar, _e() is just a WordPress i18n function)
And then have Vue use data-tvalue instead of value when displaying. Is this even possible?