Vue.js + i18n: Find a way to split translations with components in the middle

Noted here in Crowdin, there are some strings that are currently split in half and therefore don't make sense when translating.

In app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_merge_when_pipeline_succeeds.vue, at lines 86-89 the translation for Set by USERNAME to be merged automatically when the pipeline succeeds is split in half, like so:

<span class="append-right-10">
  {{ s__("mrWidget|Set by") }}
  <mr-widget-author :author="mr.setToMWPSBy" />
  {{ s__("mrWidget|to be merged automatically when the pipeline succeeds") }}
</span>

This change was introduced in gitlab-ce!16719.

We documented that this shouldn't be done in gitlab-ce!17151.

cc: @jramsay