From 00a88c4da30e8370d00fdde8d9dbc52af9e0f38e Mon Sep 17 00:00:00 2001
From: Alessio Coser <18616553+AlessioCoser@users.noreply.github.com>
Date: Sat, 30 Mar 2024 00:49:14 +0100
Subject: [PATCH] update readme

---
 .github/workflows/npm-publish.yml               |  4 ++--
 examples/async-counter-typescript/package.json  |  2 +-
 examples/cdn-package/index.html                 |  2 +-
 examples/reactive-state-nodejs/package.json     |  2 +-
 examples/simple-counter-javascript/package.json |  2 +-
 readme.md                                       | 17 +++++++----------
 6 files changed, 13 insertions(+), 16 deletions(-)
diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml
index 9d75f63..95bbddf 100644
--- a/.github/workflows/npm-publish.yml
+++ b/.github/workflows/npm-publish.yml
@@ -19,7 +19,7 @@ jobs:
       - run: npm ci
       - run: npm test run
 
-  publish:
+  npm-publish:
     needs: test
     runs-on: ubuntu-latest
     steps:
@@ -32,7 +32,7 @@ jobs:
       - run: npm run release ${{ github.ref_name }}
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
-  release:
+  github-release:
     needs: publish
     runs-on: ubuntu-latest
     steps:
diff --git a/examples/async-counter-typescript/package.json b/examples/async-counter-typescript/package.json
index 70eb09f..f9dd45d 100644
--- a/examples/async-counter-typescript/package.json
+++ b/examples/async-counter-typescript/package.json
@@ -12,6 +12,6 @@
     "typescript": "^4.9.3"
   },
   "dependencies": {
-    "doom-reactive-state": "^0.5.1"
+    "doom-reactive-state": "^1.0.1"
   }
 }
diff --git a/examples/cdn-package/index.html b/examples/cdn-package/index.html
index 12a49ce..65fb15e 100644
--- a/examples/cdn-package/index.html
+++ b/examples/cdn-package/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://github.com/AlessioCoser/doom-reactive-state/releases/download/0.6.2/doom-reactive-state.global.js"></script>
+    <script src="https://github.com/AlessioCoser/doom-reactive-state/releases/download/1.0.1/doom-reactive-state.global.js"></script>
   </head>
   <body>
     <script type="application/javascript">
diff --git a/examples/reactive-state-nodejs/package.json b/examples/reactive-state-nodejs/package.json
index 181bc33..a0a7985 100644
--- a/examples/reactive-state-nodejs/package.json
+++ b/examples/reactive-state-nodejs/package.json
@@ -9,6 +9,6 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "doom-reactive-state": "^0.5.1"
+    "doom-reactive-state": "^1.0.1"
   }
 }
diff --git a/examples/simple-counter-javascript/package.json b/examples/simple-counter-javascript/package.json
index 13421e8..3298b94 100644
--- a/examples/simple-counter-javascript/package.json
+++ b/examples/simple-counter-javascript/package.json
@@ -10,6 +10,6 @@
     "typescript": "^4.9.3"
   },
   "dependencies": {
-    "doom-reactive-state": "^0.5.1"
+    "doom-reactive-state": "^1.0.1"
   }
 }
diff --git a/readme.md b/readme.md
index 962edd7..9390b93 100644
--- a/readme.md
+++ b/readme.md
@@ -28,20 +28,17 @@ You can find some examples here: [./examples](./examples)
 
 This is a simple increment counter component
 ```javascript
-const { signal, Div, H2, Span, Button } = require("doom-reactive-state")
+const { signal, Div, H2, Button, Span, d } = require("doom-reactive-state")
 
-function App() {
-  const [count, setCount] = signal(1)
+const App = () => {
+  const [count, setCount] = signal(0)
 
   const onclick = () => setCount(count() + 1)
 
-  return Div({ children: [
-    H2({ children: [
-      "Count: ",
-      Span({ children: [() => `${count()}`] })
-    ]}),
-    Button({ onclick, children: ['increment'] }),
-  ]})
+  return Div([
+    H2(['Count: ', Span(d`${count}`)]),
+    Button({ onclick }, 'increment'),
+  ])
 }
 
 document.body.appendChild(App())
