Skip to content

Commit 3cc7ec7

Browse files
wiseaidevwiseaidev
committed
chore: update leptos example
1 parent 9d7ccb6 commit 3cc7ec7

File tree

2 files changed

+46
-47
lines changed

2 files changed

+46
-47
lines changed

‎examples/leptos/Cargo.lock‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎examples/leptos/src/main.rs‎

Lines changed: 45 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -186,10 +186,10 @@ pub fn App() -> impl IntoView {
186186
<pre
187187
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
188188
>
189-
{ r#"use image_rs::yew::Image;
190-
use yew::prelude::*;
189+
{ r#"use image_rs::leptos::Image;
190+
use leptos::{*, prelude::*};
191191
192-
#[function_component(Example1)]
192+
#[component]
193193
pub fn Example1() -> impl IntoView {
194194
view! {
195195
<Image
@@ -206,11 +206,11 @@ pub fn Example1() -> impl IntoView {
206206
<pre
207207
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
208208
>
209-
{ r#"use image_rs::yew::Image;
209+
{ r#"use image_rs::leptos::Image;
210210
use image_rs::Layout;
211-
use yew::prelude::*;
211+
use leptos::{*, prelude::*};
212212
213-
#[function_component(Example2)]
213+
#[component]
214214
pub fn Example2() -> impl IntoView {
215215
view! {
216216
<Image
@@ -230,11 +230,11 @@ pub fn Example2() -> impl IntoView {
230230
<pre
231231
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
232232
>
233-
{ r#"use image_rs::yew::Image;
233+
{ r#"use image_rs::leptos::Image;
234234
use image_rs::Layout;
235-
use yew::prelude::*;
235+
use leptos::{*, prelude::*};
236236
237-
#[function_component(Example3)]
237+
#[component]
238238
pub fn Example3() -> impl IntoView {
239239
view! {
240240
<Image
@@ -254,11 +254,11 @@ pub fn Example3() -> impl IntoView {
254254
<pre
255255
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
256256
>
257-
{ r#"use image_rs::yew::Image;
257+
{ r#"use image_rs::leptos::Image;
258258
use image_rs::Layout;
259-
use yew::prelude::*;
259+
use leptos::{*, prelude::*};
260260
261-
#[function_component(Example4)]
261+
#[component]
262262
pub fn Example4() -> impl IntoView {
263263
view! {
264264
<Image
@@ -280,11 +280,11 @@ pub fn Example4() -> impl IntoView {
280280
<pre
281281
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
282282
>
283-
{ r#"use image_rs::yew::Image;
283+
{ r#"use image_rs::leptos::Image;
284284
use image_rs::{Layout, ObjectFit};
285-
use yew::prelude::*;
285+
use leptos::{*, prelude::*};
286286
287-
#[function_component(Example5)]
287+
#[component]
288288
pub fn Example5() -> impl IntoView {
289289
view! {
290290
<Image
@@ -306,11 +306,10 @@ pub fn Example5() -> impl IntoView {
306306
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
307307
>
308308
{ r#"
309-
use image_rs::yew::Image;
310-
use yew::prelude::*;
311-
use yew::Callback;
309+
use image_rs::leptos::Image;
310+
use leptos::{*, prelude::*};
312311
313-
#[function_component(Example6)]
312+
#[component]
314313
pub fn Example6() -> impl IntoView {
315314
view! {
316315
<Image
@@ -330,11 +329,11 @@ pub fn Example6() -> impl IntoView {
330329
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
331330
>
332331
{ r#"
333-
use image_rs::yew::Image;
332+
use image_rs::leptos::Image;
334333
use image_rs::Loading;
335-
use yew::prelude::*;
334+
use leptos::{*, prelude::*};
336335
337-
#[function_component(Example7)]
336+
#[component]
338337
pub fn Example7() -> impl IntoView {
339338
view! {
340339
<Image
@@ -352,11 +351,11 @@ pub fn Example7() -> impl IntoView {
352351
<pre
353352
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
354353
>
355-
{ r#"use image_rs::yew::Image;
354+
{ r#"use image_rs::leptos::Image;
356355
use image_rs::Decoding;
357-
use yew::prelude::*;
356+
use leptos::{*, prelude::*};
358357
359-
#[function_component(Example8)]
358+
#[component]
360359
pub fn Example8() -> impl IntoView {
361360
view! {
362361
<Image
@@ -374,10 +373,10 @@ pub fn Example8() -> impl IntoView {
374373
<pre
375374
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
376375
>
377-
{ r#"use image_rs::yew::Image;
378-
use yew::prelude::*;
376+
{ r#"use image_rs::leptos::Image;
377+
use leptos::{*, prelude::*};
379378
380-
#[function_component(Example9)]
379+
#[component]
381380
pub fn Example9() -> impl IntoView {
382381
view! {
383382
<Image
@@ -395,11 +394,11 @@ pub fn Example9() -> impl IntoView {
395394
// <pre
396395
// class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
397396
// >
398-
// { r#"use image_rs::yew::Image;
397+
// { r#"use image_rs::leptos::Image;
399398
// use image_rs::{Layout, Decoding, AriaLive, AriaPressed};
400-
// use yew::prelude::*;
399+
// use leptos::{*, prelude::*};
401400

402-
// #[function_component(Example10)]
401+
// #[component]
403402
// pub fn Example10() -> impl IntoView {
404403
// view! {
405404
// <Image
@@ -428,10 +427,10 @@ pub fn Example9() -> impl IntoView {
428427
<pre
429428
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
430429
>
431-
{ r#"use image_rs::yew::Image;
432-
use yew::prelude::*;
430+
{ r#"use image_rs::leptos::Image;
431+
use leptos::{*, prelude::*};
433432
434-
#[function_component(Example11)]
433+
#[component]
435434
pub fn Example11() -> impl IntoView {
436435
view! {
437436
<Image
@@ -449,10 +448,10 @@ pub fn Example11() -> impl IntoView {
449448
<pre
450449
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
451450
>
452-
{ r#"use image_rs::yew::Image;
453-
use yew::prelude::*;
451+
{ r#"use image_rs::leptos::Image;
452+
use leptos::{*, prelude::*};
454453
455-
#[function_component(Example12)]
454+
#[component]
456455
pub fn Example12() -> impl IntoView {
457456
view! {
458457
<Image
@@ -470,11 +469,11 @@ pub fn Example12() -> impl IntoView {
470469
<pre
471470
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
472471
>
473-
{ r#"use image_rs::yew::Image;
472+
{ r#"use image_rs::leptos::Image;
474473
use image_rs::Layout;
475-
use yew::prelude::*;
474+
use leptos::{*, prelude::*};
476475
477-
#[function_component(Example13)]
476+
#[component]
478477
pub fn Example13() -> impl IntoView {
479478
view! {
480479
<Image
@@ -495,10 +494,10 @@ pub fn Example13() -> impl IntoView {
495494
<pre
496495
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
497496
>
498-
{ r#"use image_rs::yew::Image;
499-
use yew::prelude::*;
497+
{ r#"use image_rs::leptos::Image;
498+
use leptos::{*, prelude::*};
500499
501-
#[function_component(Example14)]
500+
#[component]
502501
pub fn Example14() -> impl IntoView {
503502
view! {
504503
<Image
@@ -516,11 +515,11 @@ pub fn Example14() -> impl IntoView {
516515
<pre
517516
class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
518517
>
519-
{ r#"use image_rs::yew::Image;
518+
{ r#"use image_rs::leptos::Image;
520519
use image_rs::{Layout, Position, ObjectFit};
521-
use yew::prelude::*;
520+
use leptos::{*, prelude::*};
522521
523-
#[function_component(Example15)]
522+
#[component]
524523
pub fn Example15() -> impl IntoView {
525524
view! {
526525
<Image

0 commit comments

Comments
 (0)