Restructure examples (#568)

* rename kitchen sink, pull out react example

* split out the rest of the examples

* align versions

* chore: rename examples

* chore: normalize gitignore

* chore: update package versions

* chore: move framework examples to `framework` namespace

* docs: add README to examples

Co-authored-by: Austin Crim <crim.austin@principal.com>

1 files changed, 24 insertions, 0 deletions

diff --git a/examples/with-nanostores/src/components/AdminsSvelte.svelte b/examples/with-nanostores/src/components/AdminsSvelte.svelte
new file mode 100644
index 000000000..a98444b4f
--- /dev/null
+++ b/examples/with-nanostores/src/components/AdminsSvelte.svelte
@@ -0,0 +1,24 @@
+<script>
+  import { getValue } from 'nanostores'
+
+  import { users } from '../store/users.js';
+  import { counter, increaseCounter, decreaseCounter } from '../store/counter.js';
+
+  const list = getValue(users).filter(user => user.isAdmin);
+</script>
+
+<h1>Svelte</h1>
+<ul>
+  {#each list as user}
+    <li>{JSON.stringify(user, null, 2)}</li>
+  {/each}
+</ul>
+<div>
+  <h3>Counter</h3>
+  <p>{$counter}</p>
+  <button on:click={decreaseCounter}>-1</button>
+  <button on:click={increaseCounter}>+1</button>
+</div>
+<br />
+<!-- Just to get rid of a warning -->
+<slot />