diff options
Diffstat (limited to 'examples/astro-markdown/src/pages/index.astro')
-rw-r--r-- | examples/astro-markdown/src/pages/index.astro | 56 |
1 files changed, 0 insertions, 56 deletions
diff --git a/examples/astro-markdown/src/pages/index.astro b/examples/astro-markdown/src/pages/index.astro deleted file mode 100644 index 666e0557f..000000000 --- a/examples/astro-markdown/src/pages/index.astro +++ /dev/null @@ -1,56 +0,0 @@ ---- -import { Markdown } from 'astro/components'; -import Layout from '../layouts/main.astro'; -import ReactCounter from '../components/ReactCounter.jsx'; -import PreactCounter from '../components/PreactCounter.tsx'; -import VueCounter from '../components/VueCounter.vue'; -import SvelteCounter from '../components/SvelteCounter.svelte'; - -const title = 'Astro Markdown'; -const variable = 'content'; -const items = ['A', 'B', 'C']; ---- - -<Layout content={{ title }}> - <Markdown> - # Introducing {title} - - **Astro Markdown** brings native Markdown support to HTML! - - > It's inspired by [`MDX`](https://mdxjs.com/) and powered by [`remark`](https://github.com/remarkjs/remark). - - The best part? It comes with all the Astro features you expect. - - [Other example](./other) - - ## Embed framework components - - <ReactCounter:visible /> - <PreactCounter:visible /> - <VueCounter:visible /> - <SvelteCounter:visible /> - - ## Use Expressions - - You can use any {variable} in scope and use JavaScript for templating ({items.join(', ')}) - - ## Oh yeah... - - <ReactCounter:visible> - 🤯 It's also _recursive_! - - ### Markdown can be embedded in any child component - </ReactCounter:visible> - - ## Code - - Should work! - - ```js - import Something from './another'; - - const thing = new Something(); - ``` - - </Markdown> -</Layout> |