This is an example of an mdsvex component.

You can import it as $lib/Example.svx. Just delete this file if you don’t care.

By the way, the count is 21.

New Title

Note that despite this file having an md extension, it can support all Svelte language features (like scripting). Do not import untrusted or user-created markdown files.

This markdown sample was taken from here.

An h1 header

Paragraphs are separated by a blank line.

2nd paragraph. Italic, bold, and monospace. Itemized lists look like:

Note that — not considering the asterisk — the actual text content starts at 4-columns in.

Block quotes are written like so.

They can span multiple paragraphs, if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., “it’s all in chapters 12–14”). Three dots … will be converted to an ellipsis. Unicode is supported. ☺

An h2 header

Here’s a numbered list:

  1. first item
  2. second item
  3. third item

By the way, you can write code in delimited blocks:

define foobar() {
    print "Welcome to flavor country!";
}

(which makes copying & pasting easier). You can optionally mark the delimited block for syntax highlighting when you include the CSS for a Prism theme:

import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)
    time.sleep(0.5)
    print i

An h3 header

Now, a nested list:

  1. First, get these ingredients:
    • carrots
    • celery
    • lentils
  2. Boil some water.
  3. Dump everything in the pot and follow this algorithm:
    find wooden spoon
uncover pot
stir
cover pot
balance wooden spoon precariously on pot handle
wait 10 minutes
goto first step (or shut off burner when done)
    Do not bump wooden spoon or it will fall.

Notice again how text always lines up on 4-space indents (including that last line which continues item 3 above).

Here’s a link to a website and one to this site’s home page. Because the rehype-slug and rehype-autolink-headings plugins have been set up for you, this will link to a section heading in the current doc.

A horizontal rule follows.

And note that you can backslash-escape any punctuation characters which you wish to be displayed literally, ex.: `foo`, *bar*, etc.

This mention — @svelte-add — will turn into a link to the svelte-add GitHub page because the remark-github plugin is setup.