website: fix various things: dependency versions, trunk usage, grammar (#3427)

moyeah · futursolo · web-flow · commit ac7381719ee0 · 2026-04-04T19:31:42.000+09:00
Co-authored-by: Kaede Hoshikawa &lt;futursolo@users.noreply.github.com&gt;
diff --git a/website/docs/getting-started/build-a-sample-app.mdx b/website/docs/getting-started/build-a-sample-app.mdx
@@ -60,16 +60,15 @@ To convert this simple command line application to a basic Yew web application,
 
 #### Update Cargo.toml
 
-Add `yew` to the list of dependencies.
+Add `yew` to the list of dependencies:
 
-```toml title=Cargo.toml
+```toml title=Cargo.toml {7}
 [package]
 name = "yew-app"
 version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-# this is the development version of Yew
 yew = { git = "https://github.com/yewstack/yew/", features = ["csr"] }
 ```
 
@@ -135,6 +134,7 @@ Finally, add an `index.html` file in the root directory of your app.
     <head>
         <meta charset="utf-8" />
         <title>Yew App</title>
+        <body></body>
     </head>
     <body></body>
 </html>
diff --git a/website/docs/tutorial/index.mdx b/website/docs/tutorial/index.mdx
@@ -62,9 +62,9 @@ cargo run
 ## Our first static page
 
 To convert this simple command line application to a basic Yew web application, a few changes are needed.
-Update the files as follows:
+Add `yew` to the list of dependencies:
 
-```toml title="Cargo.toml" {7}
+```toml title=Cargo.toml {7}
 [package]
 name = "yew-app"
 version = "0.1.0"
diff --git a/website/versioned_docs/version-0.20/getting-started/build-a-sample-app.mdx b/website/versioned_docs/version-0.20/getting-started/build-a-sample-app.mdx
@@ -54,7 +54,7 @@ To convert this simple command line application to a basic Yew web application,
 
 Add `yew` to the list of dependencies editing file:
 
-```toml title=Cargo.toml
+```toml title=Cargo.toml {7}
 [package]
 name = "yew-app"
 version = "0.1.0"
@@ -127,6 +127,7 @@ Finally, add an `index.html` file in the root directory of your app.
     <head>
         <meta charset="utf-8" />
         <title>Yew App</title>
+        <body></body>
     </head>
     <body></body>
 </html>
diff --git a/website/versioned_docs/version-0.20/tutorial/index.mdx b/website/versioned_docs/version-0.20/tutorial/index.mdx
@@ -62,9 +62,9 @@ cargo run
 ## Our first static page
 
 To convert this simple command line application to a basic Yew web application, a few changes are needed.
-Update the files as follows:
+Add `yew` to the list of dependencies:
 
-```toml title="Cargo.toml" {7}
+```toml title=Cargo.toml {7}
 [package]
 name = "yew-app"
 version = "0.1.0"
@@ -74,6 +74,8 @@ edition = "2021"
 yew = { version = "0.20", features = ["csr"] }
 ```
 
+or using `cargo add yew@0.20 -F csr`.
+
 :::info
 
 You only need feature `csr` if you are building an application.
diff --git a/website/versioned_docs/version-0.21/getting-started/build-a-sample-app.mdx b/website/versioned_docs/version-0.21/getting-started/build-a-sample-app.mdx
@@ -60,9 +60,9 @@ To convert this simple command line application to a basic Yew web application,
 
 #### Update Cargo.toml
 
-Add `yew` to the list of dependencies.
+Add `yew` to the list of dependencies:
 
-```toml title=Cargo.toml
+```toml title=Cargo.toml {7}
 [package]
 name = "yew-app"
 version = "0.1.0"
@@ -72,6 +72,8 @@ edition = "2021"
 yew = { version = "0.21", features = ["csr"] }
 ```
 
+or using `cargo add yew@0.21 -F csr`.
+
 :::info
 
 You only need the feature `csr` if you are building an application.
diff --git a/website/versioned_docs/version-0.21/tutorial/index.mdx b/website/versioned_docs/version-0.21/tutorial/index.mdx
@@ -62,9 +62,9 @@ cargo run
 ## Our first static page
 
 To convert this simple command line application to a basic Yew web application, a few changes are needed.
-Update the files as follows:
+Add `yew` to the list of dependencies:
 
-```toml title="Cargo.toml" {7}
+```toml title=Cargo.toml {7}
 [package]
 name = "yew-app"
 version = "0.1.0"
@@ -74,6 +74,8 @@ edition = "2021"
 yew = { version = "0.21", features = ["csr"] }
 ```
 
+or using `cargo add yew@0.21 -F csr`.
+
 :::info
 
 You only need the feature `csr` if you are building an application.
