From 631cc15666f6b89c70f43f93c036efcb3eb9500d Mon Sep 17 00:00:00 2001
From: Orta <git@orta.io>
Date: Sat, 11 Jul 2020 13:42:11 -0400
Subject: [PATCH] Adds a FAQ entry for how to document a svelte component

---
 .../401-how-do-i-document-my-components.md    | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 site/content/faq/401-how-do-i-document-my-components.md

diff --git a/site/content/faq/401-how-do-i-document-my-components.md b/site/content/faq/401-how-do-i-document-my-components.md
new file mode 100644
index 0000000000..21ccbfd5e8
--- /dev/null
+++ b/site/content/faq/401-how-do-i-document-my-components.md
@@ -0,0 +1,32 @@
+---
+question: How do I document my .svelte files?
+---
+
+In editors which use the Svelte Language Server you can document Components, functions and exports using specially formatted comments.
+
+````svelte
+<script>
+	/** What should we call the user? */
+	export let name = 'world';
+</script>
+
+<!--
+@component
+Here's some documentation for this component. It will show up
+on hover.
+
+- You can use markdown here.
+- You can also use code blocks here.
+- Usage:
+  ```tsx
+  <main name="Arethra">
+  ```
+-->
+<main>
+	<h1>
+		Hello, {name}
+	</h1>
+</main>
+````
+
+Note: The `@component` is necessary in the HTML comment which describes your component.