Added example of Astro usage with nanostores (#539)

* Adding astro-nanostores example

* Changed package name and removed lock file

1 files changed, 24 insertions, 0 deletions

diff --git a/examples/astro-nanostores/src/components/AdminsSvelte.svelte b/examples/astro-nanostores/src/components/AdminsSvelte.svelte
new file mode 100644
index 000000000..a98444b4f
--- /dev/null
+++ b/examples/astro-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 />