🔀 Fix some imports and names in quickstart guide. (#53)

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

* 🩹 Fix import list

1 files changed, 9 insertions, 6 deletions

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) {