Adding Solid to with-nanostores example (#2079)

1 files changed, 30 insertions, 0 deletions

diff --git a/examples/with-nanostores/src/components/AdminsSolid.jsx b/examples/with-nanostores/src/components/AdminsSolid.jsx
new file mode 100644
index 000000000..c5b234a40
--- /dev/null
+++ b/examples/with-nanostores/src/components/AdminsSolid.jsx
@@ -0,0 +1,30 @@
+import { createSignal } from 'solid-js';
+import { useStore } from 'solid-nanostores';
+
+import { admins } from '../store/admins.js';
+import { counter, increaseCounter, decreaseCounter } from '../store/counter.js';
+
+const AdminsSolid = () => {
+  const list = useStore(admins);
+  const count = useStore(counter);
+
+  return (
+    <>
+      <h1>Solid</h1>
+      <ul>
+        {list.map((admin) => (
+          <li key={admin.id}>{JSON.stringify(admin, null, 2)}</li>
+        ))}
+      </ul>
+      <div>
+        <h3>Counter</h3>
+        <p>{count.value}</p>
+        <button onClick={decreaseCounter}>-1</button>
+        <button onClick={increaseCounter}>+1</button>
+      </div>
+      <br />
+    </>
+  );
+}
+
+export default AdminsSolid;