chore: consistency between templates (#815)

podsvirov · web-flow · commit 2b26dcb21a4d · 2024-10-10T09:23:30.000+03:00
diff --git a/templates/template-angular/src/app/app.component.html b/templates/template-angular/src/app/app.component.html
@@ -1,5 +1,6 @@
-<div class="container">
+<main class="container">
   <h1>Welcome to Tauri + Angular!</h1>
+
   <div class="row">
     <a href="https://tauri.app" target="_blank">
       <img src="/assets/tauri.svg" class="logo tauri" alt="Tauri logo" />
@@ -15,4 +16,4 @@ <h1>Welcome to Tauri + Angular!</h1>
     <button type="submit">Greet</button>
   </form>
   <p>{{ greetingMessage }}</p>
-</div>
+</main>
diff --git a/templates/template-blazor/src/Pages/Home.razor.lte b/templates/template-blazor/src/Pages/Home.razor.lte
@@ -1,8 +1,8 @@
 ﻿@page "/"
 @inject IJSRuntime JsRuntime
 
-<div class="container">
-    <h1>Welcome to Tauri!</h1>
+<main class="container">
+    <h1>Welcome to Tauri + Blazor</h1>
 
     <div class="row">
         <a href="https://tauri.app" target="_blank">
@@ -12,16 +12,14 @@
             <img src="img/blazor.png" class="logo blazor" alt="Blazor logo"/>
         </a>
     </div>
-
     <p>Click on the Tauri and Blazor logos to learn more.</p>
 
     <form class="row" @onsubmit="GreetAsync" @onsubmit:preventDefault="true">
         <input id="greet-input" placeholder="Enter a name..." @bind="GreetInput"/>
         <button type="submit">Greet</button>
     </form>
-
     <p>@GreetMsg</p>
-</div>
+</main>
 
 @code
 {
diff --git a/templates/template-dioxus/src/app.rs.lte b/templates/template-dioxus/src/app.rs.lte
@@ -35,6 +35,8 @@ pub fn App() -> Element {
         link { rel: "stylesheet", href: "styles.css" }
         main {
             class: "container",
+            h1 { "Welcome to Tauri + Dioxus" }
+
             div {
                 class: "row",
                 a {
@@ -56,7 +58,6 @@ pub fn App() -> Element {
                     }
                 }
             }
-
             p { "Click on the Tauri and Dioxus logos to learn more." }
 
             form {
@@ -70,10 +71,7 @@ pub fn App() -> Element {
                 }
                 button { r#type: "submit", "Greet" }
             }
-
-            p {
-                b { "{greet_msg}" }
-            }
+            p { "{greet_msg}" }
         }
     }
 }
diff --git a/templates/template-leptos/src/app.rs.lte b/templates/template-leptos/src/app.rs.lte
@@ -41,6 +41,8 @@ pub fn App() -> impl IntoView {
 
     view! {
         <main class="container">
+            <h1>"Welcome to Tauri + Leptos"</h1>
+
             <div class="row">
                 <a href="https://tauri.app" target="_blank">
                     <img src="public/tauri.svg" class="logo tauri" alt="Tauri logo"/>
@@ -49,7 +51,6 @@ pub fn App() -> impl IntoView {
                     <img src="public/leptos.svg" class="logo leptos" alt="Leptos logo"/>
                 </a>
             </div>
-
             <p>"Click on the Tauri and Leptos logos to learn more."</p>
 
             <form class="row" on:submit=greet>
@@ -60,8 +61,7 @@ pub fn App() -> impl IntoView {
                 />
                 <button type="submit">"Greet"</button>
             </form>
-
-            <p><b>{ move || greet_msg.get() }</b></p>
+            <p>{ move || greet_msg.get() }</p>
         </main>
     }
 }
diff --git a/templates/template-preact-ts/src/App.tsx.lte b/templates/template-preact-ts/src/App.tsx.lte
@@ -13,8 +13,8 @@ function App() {
   }
 
   return (
-    <div class="container">
-      <h1>Welcome to Tauri!</h1>
+    <main class="container">
+      <h1>Welcome to Tauri + Preact</h1>
 
       <div class="row">
         <a href="https://vitejs.dev" target="_blank">
@@ -27,7 +27,6 @@ function App() {
           <img src={preactLogo} class="logo preact" alt="Preact logo" />
         </a>
       </div>
-
       <p>Click on the Tauri, Vite, and Preact logos to learn more.</p>
 
       <form
@@ -44,9 +43,8 @@ function App() {
         />
         <button type="submit">Greet</button>
       </form>
-
       <p>{greetMsg}</p>
-    </div>
+    </main>
   );
 }
 
diff --git a/templates/template-preact/src/App.jsx.lte b/templates/template-preact/src/App.jsx.lte
@@ -13,8 +13,8 @@ function App() {
   }
 
   return (
-    <div class="container">
-      <h1>Welcome to Tauri!</h1>
+    <main class="container">
+      <h1>Welcome to Tauri + Preact</h1>
 
       <div class="row">
         <a href="https://vitejs.dev" target="_blank">
@@ -27,7 +27,6 @@ function App() {
           <img src={preactLogo} class="logo preact" alt="Preact logo" />
         </a>
       </div>
-
       <p>Click on the Tauri, Vite, and Preact logos to learn more.</p>
 
       <form
@@ -44,9 +43,8 @@ function App() {
         />
         <button type="submit">Greet</button>
       </form>
-
       <p>{greetMsg}</p>
-    </div>
+    </main>
   );
 }
 
diff --git a/templates/template-react-ts/src/App.tsx.lte b/templates/template-react-ts/src/App.tsx.lte
@@ -13,8 +13,8 @@ function App() {
   }
 
   return (
-    <div className="container">
-      <h1>Welcome to Tauri!</h1>
+    <main className="container">
+      <h1>Welcome to Tauri + React</h1>
 
       <div className="row">
         <a href="https://vitejs.dev" target="_blank">
@@ -27,7 +27,6 @@ function App() {
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
-
       <p>Click on the Tauri, Vite, and React logos to learn more.</p>
 
       <form
@@ -44,9 +43,8 @@ function App() {
         />
         <button type="submit">Greet</button>
       </form>
-
       <p>{greetMsg}</p>
-    </div>
+    </main>
   );
 }
 
diff --git a/templates/template-react/src/App.jsx.lte b/templates/template-react/src/App.jsx.lte
@@ -13,8 +13,8 @@ function App() {
   }
 
   return (
-    <div className="container">
-      <h1>Welcome to Tauri!</h1>
+    <main className="container">
+      <h1>Welcome to Tauri + React</h1>
 
       <div className="row">
         <a href="https://vitejs.dev" target="_blank">
@@ -27,7 +27,6 @@ function App() {
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
-
       <p>Click on the Tauri, Vite, and React logos to learn more.</p>
 
       <form
@@ -44,9 +43,8 @@ function App() {
         />
         <button type="submit">Greet</button>
       </form>
-
       <p>{greetMsg}</p>
-    </div>
+    </main>
   );
 }
 
diff --git a/templates/template-solid-ts/src/App.tsx.lte b/templates/template-solid-ts/src/App.tsx.lte
@@ -13,8 +13,8 @@ function App() {
   }
 
   return (
-    <div class="container">
-      <h1>Welcome to Tauri!</h1>
+    <main class="container">
+      <h1>Welcome to Tauri + Solid</h1>
 
       <div class="row">
         <a href="https://vitejs.dev" target="_blank">
@@ -27,7 +27,6 @@ function App() {
           <img src={logo} class="logo solid" alt="Solid logo" />
         </a>
       </div>
-
       <p>Click on the Tauri, Vite, and Solid logos to learn more.</p>
 
       <form
@@ -44,9 +43,8 @@ function App() {
         />
         <button type="submit">Greet</button>
       </form>
-
       <p>{greetMsg()}</p>
-    </div>
+    </main>
   );
 }
 
diff --git a/templates/template-solid/src/App.jsx.lte b/templates/template-solid/src/App.jsx.lte
@@ -13,8 +13,8 @@ function App() {
   }
 
   return (
-    <div class="container">
-      <h1>Welcome to Tauri!</h1>
+    <main class="container">
+      <h1>Welcome to Tauri + Solid</h1>
 
       <div class="row">
         <a href="https://vitejs.dev" target="_blank">
@@ -27,7 +27,6 @@ function App() {
           <img src={logo} class="logo solid" alt="Solid logo" />
         </a>
       </div>
-
       <p>Click on the Tauri, Vite, and Solid logos to learn more.</p>
 
       <form
@@ -44,9 +43,8 @@ function App() {
         />
         <button type="submit">Greet</button>
       </form>
-
       <p>{greetMsg()}</p>
-    </div>
+    </main>
   );
 }
 
diff --git a/templates/template-svelte-ts/src/routes/+page.svelte.lte b/templates/template-svelte-ts/src/routes/+page.svelte.lte
@@ -10,8 +10,8 @@
   }
 </script>
 
-<div class="container">
-  <h1>Welcome to Tauri!</h1>
+<main class="container">
+  <h1>Welcome to Tauri + Svelte</h1>
 
   <div class="row">
     <a href="https://vitejs.dev" target="_blank">
@@ -24,16 +24,14 @@
       <img src="/svelte.svg" class="logo svelte-kit" alt="SvelteKit Logo" />
     </a>
   </div>
-
   <p>Click on the Tauri, Vite, and SvelteKit logos to learn more.</p>
 
   <form class="row" on:submit|preventDefault={greet}>
     <input id="greet-input" placeholder="Enter a name..." bind:value={name} />
     <button type="submit">Greet</button>
   </form>
-
   <p>{greetMsg}</p>
-</div>
+</main>
 
 <style>
 .logo.vite:hover {
diff --git a/templates/template-svelte/src/routes/+page.svelte.lte b/templates/template-svelte/src/routes/+page.svelte.lte
@@ -10,8 +10,8 @@
   }
 </script>
 
-<div class="container">
-  <h1>Welcome to Tauri!</h1>
+<main class="container">
+  <h1>Welcome to Tauri + Svelte</h1>
 
   <div class="row">
     <a href="https://vitejs.dev" target="_blank">
@@ -24,16 +24,14 @@
       <img src="/svelte.svg" class="logo svelte-kit" alt="SvelteKit Logo" />
     </a>
   </div>
-
   <p>Click on the Tauri, Vite, and SvelteKit logos to learn more.</p>
 
   <form class="row" on:submit|preventDefault={greet}>
     <input id="greet-input" placeholder="Enter a name..." bind:value={name} />
     <button type="submit">Greet</button>
   </form>
-
   <p>{greetMsg}</p>
-</div>
+</main>
 
 <style>
 .logo.vite:hover {
diff --git a/templates/template-sycamore/src/app.rs.lte b/templates/template-sycamore/src/app.rs.lte
@@ -32,6 +32,10 @@ pub fn App<G: Html>(cx: Scope) -> View<G> {
 
     view! { cx,
         main(class="container") {
+            h1 {
+                "Welcome to Tauri + Sycamore"
+            }
+
             div(class="row") {
                 a(href="https://tauri.app",target="_blank") {
                     img(src="public/tauri.svg",class="logo tauri",alt="Tauri logo")
@@ -40,7 +44,6 @@ pub fn App<G: Html>(cx: Scope) -> View<G> {
                     img(src="public/sycamore.svg",class="logo sycamore",alt="Sycamore logo")
                 }
             }
-
             p {
                 "Click on the Tauri and Sycamore logos to learn more."
             }
@@ -52,9 +55,7 @@ pub fn App<G: Html>(cx: Scope) -> View<G> {
                 }
             }
             p {
-                b {
-                    (greet_msg.get())
-                }
+                (greet_msg.get())
             }
         }
     }
diff --git a/templates/template-vanilla-ts/index.html b/templates/template-vanilla-ts/index.html
@@ -9,8 +9,8 @@
   </head>
 
   <body>
-    <div class="container">
-      <h1>Welcome to Tauri!</h1>
+    <main class="container">
+      <h1>Welcome to Tauri</h1>
 
       <div class="row">
         <a href="https://vitejs.dev" target="_blank">
@@ -31,15 +31,13 @@ <h1>Welcome to Tauri!</h1>
           />
         </a>
       </div>
-
       <p>Click on the Tauri logo to learn more about the framework</p>
 
       <form class="row" id="greet-form">
         <input id="greet-input" placeholder="Enter a name..." />
         <button type="submit">Greet</button>
       </form>
-
       <p id="greet-msg"></p>
-    </div>
+    </main>
   </body>
 </html>
diff --git a/templates/template-vanilla/src/index.html b/templates/template-vanilla/src/index.html
diff --git a/templates/template-vue-ts/src/App.vue.lte b/templates/template-vue-ts/src/App.vue.lte
diff --git a/templates/template-vue-ts/src/components/Greet.vue.lte b/templates/template-vue-ts/src/components/Greet.vue.lte
diff --git a/templates/template-vue/src/App.vue.lte b/templates/template-vue/src/App.vue.lte
diff --git a/templates/template-vue/src/components/Greet.vue.lte b/templates/template-vue/src/components/Greet.vue.lte
diff --git a/templates/template-yew/src/app.rs.lte b/templates/template-yew/src/app.rs.lte

Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,8 @@ pub fn App() -> Element {`
`35`	`35`	`link { rel: "stylesheet", href: "styles.css" }`
`36`	`36`	`main {`
`37`	`37`	`class: "container",`
	`38`	`+ h1 { "Welcome to Tauri + Dioxus" }`
	`39`	`+`
`38`	`40`	`div {`
`39`	`41`	`class: "row",`
`40`	`42`	`a {`
`@@ -56,7 +58,6 @@ pub fn App() -> Element {`
`56`	`58`	`}`
`57`	`59`	`}`
`58`	`60`	`}`
`59`		`-`
`60`	`61`	`p { "Click on the Tauri and Dioxus logos to learn more." }`
`61`	`62`
`62`	`63`	`form {`
`@@ -70,10 +71,7 @@ pub fn App() -> Element {`
`70`	`71`	`}`
`71`	`72`	`button { r#type: "submit", "Greet" }`
`72`	`73`	`}`
`73`		`-`
`74`		`- p {`
`75`		`- b { "{greet_msg}" }`
`76`		`- }`
	`74`	`+ p { "{greet_msg}" }`
`77`	`75`	`}`
`78`	`76`	`}`
`79`	`77`	`}`