Fix passing Markdown content through props (#1259) (#1343)

Co-authored-by: Kelvin Soh <kelvinsoh@pop-os.localdomain>
Co-authored-by: Fred K. Schott <fkschott@gmail.com>

.changeset/thirty-clouds-end.md

@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Fix passing Markdown content through props (#1259)

packages/astro/src/compiler/codegen/index.ts

@@ -810,6 +810,7 @@ async function compileHtml(enterNode: TemplateNode, state: CodegenState, compile
       async leave(node, parent, prop, index) {
         switch (node.type) {
           case 'Fragment': {
+            if (curr === 'markdown') curr = 'out';
             buffers[curr] += `)`;
             break;
           }

packages/astro/test/astro-markdown.test.js

@@ -128,4 +128,14 @@ Markdown('Can render markdown with --- for horizontal rule', async ({ runtime })
   // It works!
 });
 
+Markdown('Can render markdown content prop (#1259)', async ({ runtime }) => {
+  const result = await runtime.load('/content');
+  assert.ok(!result.error, `build error: ${result.error}`);
+
+  const $ = doc(result.contents);
+  assert.equal($('h1').text(), 'Foo', 'Markdown rendered correctly via content prop');
+
+  // It works!
+});
+
 Markdown.run();

packages/astro/test/fixtures/astro-markdown/src/pages/content.astro

@@ -0,0 +1,6 @@
+---
+import { Markdown } from 'astro/components';
+const content = '# Foo';
+---
+
+<Markdown content={content} />