fix: exclude preheader from plaintext

src/components/Preheader.vue

@@ -40,6 +40,8 @@ const fillerCount = computed(() =>
 
 <template>
   <Teleport to="body:start">
-    <div style="display: none">{{ text }}<template v-for="i in fillerCount" :key="i">&#8199;&#65279;&#847; </template>&nbsp;</div>
+    <div data-maizzle-html-only>
+      <div style="display: none">{{ text }}<template v-for="i in fillerCount" :key="i">&#8199;&#65279;&#847; </template>&nbsp;</div>
+    </div>
   </Teleport>
 </template>

src/render/createRenderer.ts

@@ -712,7 +712,7 @@ export async function createRenderer(
       if (renderContext.preheader) {
         const { text, fillerCount } = renderContext.preheader
         const filler = '\u2007\uFEFF\u034F '.repeat(fillerCount)
-        const previewHtml = `<div style="display:none">${text}${filler}\u00A0</div>`
+        const previewHtml = `<div data-maizzle-html-only><div style="display:none">${text}${filler}\u00A0</div></div>`
         html = html.replace(/<body([^>]*)>/, `<body$1>${previewHtml}`)
       }
 

src/tests/render/composables.test.ts

@@ -296,6 +296,25 @@ describe('render', () => {
       expect(result.plaintext).not.toContain('<div>')
     })
 
+    it('excludes the preheader from plaintext', async () => {
+      const result = await render(`
+        <script setup>
+        usePreheader('From usePreheader')
+        </script>
+        <template>
+          <Layout>
+            <Preheader>From component</Preheader>
+            <p>Body</p>
+          </Layout>
+        </template>
+      `, { plaintext: true })
+
+      expect(result.plaintext).toBe('Body')
+      expect(result.html).toContain('From usePreheader')
+      expect(result.html).toContain('From component')
+      expect(result.html).not.toContain('data-maizzle-html-only')
+    })
+
     it('passes strip options via plaintext.options', async () => {
       const result = await render(`
         <template>