From 86a2ce758c759fdaa02ee8d5f7fec0f2fb0896f7 Mon Sep 17 00:00:00 2001
From: MystPi <86574651+MystPi@users.noreply.github.com>
Date: Tue, 12 Mar 2024 02:45:21 -0400
Subject: =?UTF-8?q?=F0=9F=94=80=20Fix=20some=20imports=20and=20names=20in?=
 =?UTF-8?q?=20quickstart=20guide.=20(#53)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* ✏️ Fix usages of `lustre.Element` and `event.click`

* 🩹 Fix import list
---
 pages/guide/01-quickstart.md | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'pages/guide/01-quickstart.md')

diff --git a/pages/guide/01-quickstart.md b/pages/guide/01-quickstart.md
index 730e647..5909ed9 100644
--- a/pages/guide/01-quickstart.md
+++ b/pages/guide/01-quickstart.md
@@ -190,15 +190,15 @@ Each time a message is produced from an event listener, Lustre will call your
 will be the new application state that is then passed to the `view` function:
 
 ```gleam
-pub fn view(model: Model) -> lustre.Element(Msg) {
+pub fn view(model: Model) -> element.Element(Msg) {
   let count = int.to_string(model)
 
   html.div([], [
-    html.button([event.click(Increment)], [
+    html.button([event.on_click(Increment)], [
       element.text("+")
     ]),
     element.text(count),
-    html.button([event.click(Decrement)], [
+    html.button([event.on_click(Decrement)], [
       element.text("-")
     ])
   ])
@@ -247,13 +247,16 @@ Now we are introducing side effects, we need to graduate from `lustre.simple` to
 the more powerful `lustre.application` constructor.
 
 ```gleam
+import gleam/dynamic
 import gleam/int
+import gleam/list
 import lustre
-import lustre_http
 import lustre/attribute
+import lustre/effect
 import lustre/element
 import lustre/element/html
 import lustre/event
+import lustre_http
 
 pub fn main() {
   lustre.application(init, update, view)
@@ -342,11 +345,11 @@ pub fn view(model: Model) -> lustre.Element(Msg) {
   let count = int.to_string(model.count)
 
   html.div([], [
-    html.button([event.click(Increment)], [
+    html.button([event.on_click(Increment)], [
       element.text("+")
     ]),
     element.text(count),
-    html.button([event.click(Decrement)], [
+    html.button([event.on_click(Decrement)], [
       element.text("-")
     ]),
     html.div([], list.map(model.cats, fn(cat) {
-- 
cgit v1.2.3