diff options
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), ]), |