The customizing the tooltip block at the linter

v6
1

Hi, there
I use Vue

  1. I needed to set up the customize the tooltip block at the linter.
  2. The first image display the default apperance of the linter tooltip block.
    hint1
  3. The second image is display as my target looks like.
    hint2
  4. I found the manner for did it - third image.
    hint3

Everything has been fine so far.

But now I would like that the tooltip header (word “Error”) was a variable, however the css field “content” needs the exact (calculated) string not the variable. The variable for this field is rejected.

For example, next variants will not work:

const hd_error = ? (..lang_test_condition...) "Error" : "L'erreur";
...
content: v-bind(hd_error)

OR

:root{
 --hd-error: v-bind(hd_error);
}
content: var(--hd-error);

I know about CodeMirror Tooltip Example, but it is more general mechanism than I need - I need only LINTER tooltip adjustment.

I tested this (width vue-i18n):

severity: "warning",
message: '<div><b>'+t('hd_error')+':</b></div>'+t('errors.not_keyword')

but html tags are not interpolated.

What are the possibilities in this case?