Feature Request: Support HTML-style comments for `cut` functionality in Twoslash
## Problem
I'm using Twoslash in a VitePress project and encountered an issue where I need to display an error for a named import in a Vue SFC. Specifically, I have a TypeScript file `posts.data.ts` that only has a default export, but I'm attempting to import it in a Vue SFC using a named import, which should trigger an error.
Here's the relevant part of my markdown content:
```vue
<script>
// ---cut-start---
// @filename: ../src/posts.data.ts
import { createContentLoader } from "vitepress";
export default createContentLoader("posts/*.md", {
// ...
});
// ---cut-end---
</script>
<script setup lang="ts">
// @errors: 2614
import { data as posts } from "../src/posts.data";
// ...
</script>
<template>
<!-- ... -->
</template>
```
This setup correctly displays the error I want. However, I noticed that the `cut` functionality only works with JavaScript-style comments (`//`), which means it cannot hide the `<script>` and `</script>` tags (lines 1 and 10).
## Request
Would it be possible to extend the `cut` functionality to support HTML-style comments? For example, something like this:
```vue
<!-- ---cut-start--- -->
<script>
// @filename: ../src/posts.data.ts
import { createContentLoader } from "vitepress";
export default createContentLoader("posts/*.md", {
// ...
});
</script>
<!-- ---cut-end--- -->
<script setup lang="ts">
// @errors: 2614
import { data as posts } from "../src/posts.data";
// ...
</script>
<template>
<!-- ... -->
</template>
```
I can confirm that the `cut` functionality in the example above does not currently work. For context, I'm using `vitepress@1.0.0-rc.39` and `shiki@1.27.2`.
2 条评论