From ea2ac47d141671711857515aca74be3898cdf964 Mon Sep 17 00:00:00 2001
From: Christian Kaisermann <christian@kaisermann.me>
Date: Fri, 22 Nov 2019 15:05:00 -0300
Subject: [PATCH] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20add=20tiny=20examp?=
 =?UTF-8?q?le=20to=20readme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 38 ++++++++++++++++++++++++++++++++++++--
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index dca43d3..a180e8d 100644
--- a/README.md
+++ b/README.md
@@ -6,9 +6,43 @@
 
 `svelte-i18n` helps you localize your app using the reactive tools Svelte provides. By using [stores](https://svelte.dev/docs#svelte_store) to keep track of the current `locale`, `dictionary` of messages and to `format` messages, we keep everything neat, in sync and easy to use on your svelte files.
 
-### [Go to documentation](https://github.com/kaisermann/svelte-i18n/wiki)
-
 **Requirements**
 
 - Node: `>= 11.15.0`
 - Browsers: `Chrome 38+`, `Edge 12+`, `Firefox 13+`, `Opera 25+`, `Safari 8+`.
+
+```svelte
+<script>
+  import { _ } from 'svelte-i18n'
+</script>
+
+<h1>{$_('page.home.title')}</h1>
+
+<nav>
+  <a>{$_('page.home.nav', { default: 'Home' })}</a>
+  <a>{$_('page.about.nav', { default: 'About' })}</a>
+  <a>{$_('page.contact.nav', { default: 'Contact' })}</a>
+</nav>
+```
+
+```jsonc
+// en.json
+{
+  "page": {
+    "home": {
+      "title": "Homepage",
+      "nav": "Home"
+    },
+    "about": {
+      "title": "About",
+      "nav": "About"
+    },
+    "contact": {
+      "title": "Contact",
+      "nav": "Contact Us"
+    }
+  }
+}
+```
+
+### [Go to documentation](https://github.com/kaisermann/svelte-i18n/wiki)