3 files changed, 86 insertions, 0 deletions
diff --git a/examples/with-markdown-plugins/src/layouts/main.astro b/examples/with-markdown-plugins/src/layouts/main.astro
new file mode 100644
index 000000000..d324d2017
--- /dev/null
+++ b/examples/with-markdown-plugins/src/layouts/main.astro
@@ -0,0 +1,32 @@
+---
+const { content } = Astro.props;
+---
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>{content.title}</title>
+    <link rel="stylesheet" href="/global.css" />
+    <style>
+      .nav {
+        border-bottom: 1px solid #ccc;
+        margin-bottom: 40px;
+        padding-bottom: 20px;
+      }
+      .nav > * + * {
+        margin-left: 10px;
+      }
+    </style>
+  </head>
+  <body>
+    <main class="content">
+      <header>
+        <nav class="nav">
+          <a href="/">Home</a>
+          <a href="/about">About</a>
+        </nav>
+      </header>
+      <slot />
+    </main>
+  </body>
+</html>
diff --git a/examples/with-markdown-plugins/src/pages/about.astro b/examples/with-markdown-plugins/src/pages/about.astro
new file mode 100644
index 000000000..c313f98a9
--- /dev/null
+++ b/examples/with-markdown-plugins/src/pages/about.astro
@@ -0,0 +1,20 @@
+---
+import { Markdown } from 'astro/components';
+import MainLayout from '../layouts/main.astro'
+---
+
+<MainLayout content={{ title: "About" }}>
+  <Markdown>
+    # About
+
+    Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut.
+
+    Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut.
+
+    ## My story
+
+    Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut.
+    
+    Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut.
+  </Markdown>
+</MainLayout>
diff --git a/examples/with-markdown-plugins/src/pages/index.md b/examples/with-markdown-plugins/src/pages/index.md
new file mode 100644
index 000000000..a6f8879a8
--- /dev/null
+++ b/examples/with-markdown-plugins/src/pages/index.md
@@ -0,0 +1,34 @@
+---
+layout: ../layouts/main.astro
+title: Asto with Remark Plugins
+---
+
+# Heading 1
+
+Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut.
+
+## Heading 2
+
+Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut.
+
+### Heading 3
+
+Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut.
+
+### Heading 3
+
+Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut.
+
+```jsx:file.jsx
+import Router from 'next/router'
+
+function MyComponent() {
+	const [show, setShow] = useState(false)
+
+	useEffect(() => {
+    console.log(2)
+	}, [])
+
+	return <>...</>
+}
+```