Vue message extraction detects dynamic key using dashed props

[gu-stav]

When using the T component in Vue, the following SFC code fails, when running tolgee extract check:

<template>
  <T
    key-name="app.cycles.assessment.modified_by"
    default-value="Last modified {date}, by {user}"
    :params="{
      date: ''
    }"
  >
    ...
  </T>
</template>

However it passes when using camelCase props:

<template>
  <T
    keyName="app.cycles.assessment.modified_by"
    defaultValue="Last modified {date}, by {user}"
    :params="{
      date: ''
    }"
  >
    ...
  </T>
</template>

I know the latter has been documented, but some eslint rules nudge developers into using hyphenated props.