HTML escaping in Vue cannot be formatted.

[magic-akari]

dprint.json

{
  "excludes": [
    "**/node_modules"
  ],
  "plugins": [
    "https://plugins.dprint.dev/typescript-0.90.4.wasm",
    "https://plugins.dprint.dev/g-plane/markup_fmt-v0.7.0.wasm"
  ]
}

App.vue

<script setup>
import { ref } from "vue";
const content = ref("");
</script>

<template>
  <button @click="content +=      &#x27;{&quot;hello&quot;: &quot;I\&#x27;m a button!&quot;}&#x27;">click {{ content }}</button>
</template>

Expected result

formatted without issue

Actual result

Error formatting /Users/akari/Developer/my-vue-app/src/App.vue. Message: [markup_fmt] failed to format code with external formatter: `<>{content +=      &#x27;{&quot;hello&quot;: &quot;I\&#x27;m a button!&quot;}&#x27;}</>`:
Expected ',', got '+=' at file:///expr.tsx:1:12

  <>{content +=      &#x27;{&quot;hello&quot;: &quot;I\&#x27;m a button!&quot;}&#x27;}</>
             ~~
Had 1 error formatting.

Replication Steps

Replication Steps

1. Download this compressed package and extract it, then enter the directory.
2. Run pnpm i and pnpm dev or pnpm build to ensure the code can run correctly.
3. Run pnpm fmt to observe the formatting situation.

[g-plane]

Fun fact: Prettier can't format this. (playground)