fix(utils): strip HTML comments generated by Vue

packages/core/src/render-node/sfc.test.ts

@@ -56,6 +56,14 @@ describe('renderSFCString', async () => {
     expect(rendered).not.toBe('')
     expect(rendered).toBe('# Count: 0\n\n2025-07-01\n')
   })
+
+  it('should strip Vue SSR comments like <!--[--> <!--]--> <!--v-if-->', async () => {
+    const content = await readFile(join(dirname(fileURLToPath(import.meta.url)), 'testdata', 'vue-comments.velin.vue'), 'utf-8')
+    const { rendered } = await renderSFCString(content)
+    expect(rendered).not.toContain('<!--')
+    expect(rendered).toContain('Title')
+    expect(rendered).toContain('visible')
+  })
 })
 
 describe('evaluateSFC', async () => {

packages/core/src/render-node/testdata/vue-comments.velin.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { ref } from 'vue'
+
+const show = ref(true)
+const items = ref(['a', 'b', 'c'])
+</script>
+
+<template>
+  <div>
+    <h1>Title</h1>
+    <p v-if="show">visible</p>
+    <ul>
+      <li v-for="item in items" :key="item">{{ item }}</li>
+    </ul>
+  </div>
+</template>

packages/utils/src/to-md/index.test.ts

@@ -0,0 +1,13 @@
+import { describe, expect, it } from 'vitest'
+
+import { toMarkdown } from '.'
+
+describe('toMarkdown', () => {
+  it('should strip Vue SSR comments like <!--[--> <!--]--> <!--v-if-->', async () => {
+    const html = '<!--[--><p>hello</p><!--]--><!--v-if--><p>world</p>'
+    const result = await toMarkdown(html)
+    expect(result).not.toContain('<!--')
+    expect(result).toContain('hello')
+    expect(result).toContain('world')
+  })
+})

packages/utils/src/to-md/index.ts

@@ -1,12 +1,14 @@
 import rehypeParse from 'rehype-parse'
 import rehypeRemark from 'rehype-remark'
+import rehypeRemoveComments from 'rehype-remove-comments'
 import remarkStringify from 'remark-stringify'
 
 import { unified } from 'unified'
 
 export async function toMarkdown(html: string): Promise<string> {
   const htmlToMarkdownProcessor = unified()
     .use(rehypeParse, { fragment: true })
+    .use(rehypeRemoveComments, { removeConditional: true })
     .use(rehypeRemark)
     .use(remarkStringify, { bullet: '-' })