[Vue3, Vite] Error if string value contain HTML and special characters

[cuong-nguyen]

Reporting a bug?

Hi. I am experiencing this issue

If the value contain HTML content (exactly shown below) string value:

"<p>\r\n    We will provide you with support if you experience problems or have questions. \r\n    Please contact us using email  <a href=\"support@company.com\">support@company.com</a>\r\n</p>\r\n\r\n<p>\r\n    Questions concerning products, price, customer agreements. \r\n</p>"

It points at the email part and reports the error

Message compilation error: Invalid linked format

It even forces the page to shut down after some time (please refer to reproduction link)

Appreciate any help!

Expected behavior

It would not error out

Reproduction

https://stackblitz.com/edit/vue-vqfhwk?file=src%2Fmain.js,src%2FApp.vue

System Info

MacOS Ventura
Edge browser

Screenshot

No response

Additional context

No response

Validations

• [X] Read the Contributing Guidelines
• [X] Read the Documentation
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion
• [X] The provided reproduction is a minimal reproducible example of the bug.

[Sepulven]

+1.

Same issue with @ character. Unfortunately, I can't escape it therefore I can't have a message like : "Email to owner@gmail.com."

I'll keep getting the same error: Message compilation error: Unexpected lexical analysis in token: 'gmail.com'

And what the message that is going to be printed is: owner..

Any updates in this matter?

[GeekKekeQiu]

Any updates?

[Sepulven]

Any updates?

Sadly not.

[marcdix]

Concerning the @ character: https://github.com/kazupon/vue-i18n/issues/1358#issuecomment-894339617