diff options
| author | Hayleigh Thompson <me@hayleigh.dev> | 2024-06-16 10:01:31 +0100 |
|---|---|---|
| committer | Hayleigh Thompson <me@hayleigh.dev> | 2024-06-16 10:01:31 +0100 |
| commit | eae7274bf965505b5144eb9362eb634fcd77019a (patch) | |
| tree | d95f37cf2b6a18a0985c67ade89aaee23da5e602 /examples/99-server-components/src | |
| parent | f07188d0735808ccb313aedfd7f81889de253267 (diff) | |
| download | lustre-eae7274bf965505b5144eb9362eb634fcd77019a.tar.gz lustre-eae7274bf965505b5144eb9362eb634fcd77019a.zip | |
:wrench: Update deps, pin gleam_json to 1.0.1
Diffstat (limited to 'examples/99-server-components/src')
| -rw-r--r-- | examples/99-server-components/src/app.gleam | 8 | ||||
| -rw-r--r-- | examples/99-server-components/src/counter.gleam | 1 |
2 files changed, 7 insertions, 2 deletions
diff --git a/examples/99-server-components/src/app.gleam b/examples/99-server-components/src/app.gleam index 0f47fbb..bc3227f 100644 --- a/examples/99-server-components/src/app.gleam +++ b/examples/99-server-components/src/app.gleam @@ -10,7 +10,7 @@ import gleam/otp/actor import gleam/result import lustre import lustre/attribute -import lustre/element +import lustre/element.{element} import lustre/element/html.{html} import lustre/server_component import mist.{ @@ -73,7 +73,11 @@ pub fn main() { ), ]), html.body([], [ - server_component.component([server_component.route("/counter")]), + element( + "lustre-server-component", + [server_component.route("/counter")], + [html.p([], [html.text("This is a slot")])], + ), ]), ]) |> element.to_document_string_builder diff --git a/examples/99-server-components/src/counter.gleam b/examples/99-server-components/src/counter.gleam index ff3d6ed..0c9f115 100644 --- a/examples/99-server-components/src/counter.gleam +++ b/examples/99-server-components/src/counter.gleam @@ -48,6 +48,7 @@ fn view(model: Model) -> Element(Msg) { [attribute.style(styles)], ui.stack([], [ ui.button([event.on_click(Incr)], [element.text("+")]), + html.slot([]), html.p([attribute.style([#("text-align", "center")])], [ element.text(count), ]), |