TypeScript <type arguments> are interpred as HTML tags in Vue templates

[SIGSTACKFAULT]

Prettier 2.8.8
Playground link

--parser vue

Input:

<template>
  <p>Templates are formatted as well...
    </p>
  {{ Object.values<number>(foo) }}
</template>

<script lang=ts>
let Prettier = format => { your.js('though') }
  
const foo:any = {
    bar: 1,
    baz: 2,
}
</script>

<style>
.and { css: too !important }
</style>

Output:

SyntaxError: Unexpected closing tag "template". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (5:1)
  3 |     </p>
  4 |   {{ Object.values<number>(foo) }}
> 5 | </template>
    | ^^^^^^^^^^^
  6 |
  7 | <script lang=ts>
  8 | let Prettier = format => { your.js('though') }

Expected behavior:

• It at least doesn't crash
• actually formatting it would be nice too

[fisker]

For now you can escape < as workaround. Vue SFC playground

[DaniilIsupov]

i have same problem
only as helps me, but this will only as temporary solution

[jemunk]

Any news on this?