123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
use yew::prelude::*;
#[function_component]pub fn App() -> Html {    let counter = use_state(|| 0);    let onclick = {        let counter = counter.clone();        move |_| {            let value = *counter + 1;            counter.set(value);        }    };
    html! {      <div class="index screen">        <p class="logo">          <img src="/assets/logo.svg" width="70" height="70" title="Aleph.js" />          <img src="/assets/yew.png" width="70" height="70" title="Yew" />        </p>        <h1>{"The Fullstack Framework in Deno."}</h1>        <p>          <strong>{"Aleph.js"}</strong>          {" gives you the best developer experience for building web applications"}          <br />          {"with modern toolings."} <label>{"Yew SSR experimental version"}</label>{"."}        </p>        <div class="external-links">          <a href="https://alephjs.org/docs/get-started" target="_blank">            {"Get Started"}          </a>          <a href="https://alephjs.org/docs" target="_blank">            {"Docs"}          </a>          <a href="https://github.com/alephjs/aleph.js" target="_blank">            {"Github"}          </a>        </div>        <nav>          <button onclick={onclick}>            {"Counter:"}            <strong>{ *counter }</strong>            <small>{"Click to add 1"}</small>          </button>        </nav>      </div>    }}