docs(website): update nested router example for trailing slash semantics

The nested router example now defines a SettingsSlash variant for
/settings/ and redirects it to SettingsRoot

Author: Madoshakalaka

website/docs/concepts/router.mdx

@@ -422,8 +422,11 @@ import ThemedImage from '@theme/ThemedImage'
     }}
 />
 
-The nested `SettingsRouter` handles all URLs that start with `/settings`. Additionally, it redirects URLs that are not
-matched to the main `NotFound` route. So `/settings/gibberish` will redirect to `/404`.
+The nested `SettingsRouter` handles all URLs that start with `/settings`. The outer router
+defines a separate `SettingsSlash` variant for `/settings/` and redirects it to `SettingsRoot`,
+because the inner `SettingsRoute` only defines routes without a bare trailing slash
+(see [Trailing Slashes](#trailing-slashes)). Unrecognized sub-paths like `/settings/gibberish`
+are redirected to the main `NotFound` route at `/404`.
 
 :::caution
 
@@ -449,6 +452,8 @@ enum MainRoute {
     Contact,
     #[at("/settings")]
     SettingsRoot,
+    #[at("/settings/")]
+    SettingsSlash,
     #[at("/settings/{*_rest}")]
     Settings { _rest: String },
     #[not_found]
@@ -475,6 +480,7 @@ fn switch_main(route: MainRoute) -> Html {
         MainRoute::News => html! {<h1>{"News"}</h1>},
         MainRoute::Contact => html! {<h1>{"Contact"}</h1>},
         MainRoute::SettingsRoot | MainRoute::Settings { .. } => html! { <Switch<SettingsRoute> render={switch_settings} /> },
+        MainRoute::SettingsSlash => html! { <Redirect<MainRoute> to={MainRoute::SettingsRoot}/> },
         MainRoute::NotFound => html! {<h1>{"Not Found"}</h1>},
     }
 }

website/i18n/ja/docusaurus-plugin-content-docs/current/concepts/router.mdx

@@ -393,7 +393,7 @@ import ThemedImage from '@theme/ThemedImage'
     }}
 />
 
-ネストされた `SettingsRouter` は、すべての `/settings` で始まる URL を処理します。また、一致しない URL をメインの `NotFound` ルートにリダイレクトします。したがって、`/settings/gibberish` は `/404` にリダイレクトされます。
+ネストされた `SettingsRouter` は、すべての `/settings` で始まる URL を処理します。外側のルーターでは `/settings/` 用に別の `SettingsSlash` バリアントを定義し、`SettingsRoot` にリダイレクトします。これは、内側の `SettingsRoute` が末尾スラッシュのみのルートを定義していないためです（[末尾のスラッシュ](#末尾のスラッシュ) を参照）。`/settings/gibberish` のような認識されないサブパスは、メインの `NotFound` ルート `/404` にリダイレクトされます。
 
 :::caution
 
@@ -419,6 +419,8 @@ enum MainRoute {
     Contact,
     #[at("/settings")]
     SettingsRoot,
+    #[at("/settings/")]
+    SettingsSlash,
     #[at("/settings/{*_rest}")]
     Settings { _rest: String },
     #[not_found]
@@ -445,6 +447,7 @@ fn switch_main(route: MainRoute) -> Html {
         MainRoute::News => html! {<h1>{"News"}</h1>},
         MainRoute::Contact => html! {<h1>{"Contact"}</h1>},
         MainRoute::SettingsRoot | MainRoute::Settings { .. } => html! { <Switch<SettingsRoute> render={switch_settings} /> },
+        MainRoute::SettingsSlash => html! { <Redirect<MainRoute> to={MainRoute::SettingsRoot}/> },
         MainRoute::NotFound => html! {<h1>{"Not Found"}</h1>},
     }
 }

website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/concepts/router.mdx

@@ -393,7 +393,7 @@ import ThemedImage from '@theme/ThemedImage'
     }}
 />
 
-嵌套的 `SettingsRouter` 处理所有以 `/settings` 开头的 URL。此外，它会将未匹配的 URL 重定向到主 `NotFound` 路由。因此，`/settings/gibberish` 将重定向到 `/404`。
+嵌套的 `SettingsRouter` 处理所有以 `/settings` 开头的 URL。外层路由器为 `/settings/` 定义了一个单独的 `SettingsSlash` 变体，并将其重定向到 `SettingsRoot`，因为内层 `SettingsRoute` 没有定义仅含尾部斜杠的路由（参见[尾部斜杠](#尾部斜杠)）。无法识别的子路径（如 `/settings/gibberish`）会重定向到主 `NotFound` 路由 `/404`。
 
 :::caution
 
@@ -419,6 +419,8 @@ enum MainRoute {
     Contact,
     #[at("/settings")]
     SettingsRoot,
+    #[at("/settings/")]
+    SettingsSlash,
     #[at("/settings/{*_rest}")]
     Settings { _rest: String },
     #[not_found]
@@ -445,6 +447,7 @@ fn switch_main(route: MainRoute) -> Html {
         MainRoute::News => html! {<h1>{"News"}</h1>},
         MainRoute::Contact => html! {<h1>{"Contact"}</h1>},
         MainRoute::SettingsRoot | MainRoute::Settings { .. } => html! { <Switch<SettingsRoute> render={switch_settings} /> },
+        MainRoute::SettingsSlash => html! { <Redirect<MainRoute> to={MainRoute::SettingsRoot}/> },
         MainRoute::NotFound => html! {<h1>{"Not Found"}</h1>},
     }
 }

website/i18n/zh-Hant/docusaurus-plugin-content-docs/current/concepts/router.mdx

@@ -393,7 +393,7 @@ import ThemedImage from '@theme/ThemedImage'
     }}
 />
 
-嵌套的 `SettingsRouter` 處理所有以 `/settings` 開頭的 URL。此外，它會將未符合的 URL 重新導向到主 `NotFound` 路由。因此，`/settings/gibberish` 將會重新導向到 `/404`。
+嵌套的 `SettingsRouter` 處理所有以 `/settings` 開頭的 URL。外層路由器為 `/settings/` 定義了一個單獨的 `SettingsSlash` 變體，並將其重新導向到 `SettingsRoot`，因為內層 `SettingsRoute` 沒有定義僅含尾部斜線的路由（參見[尾部斜線](#尾部斜線)）。無法識別的子路徑（如 `/settings/gibberish`）會重新導向到主 `NotFound` 路由 `/404`。
 
 :::caution
 
@@ -419,6 +419,8 @@ enum MainRoute {
     Contact,
     #[at("/settings")]
     SettingsRoot,
+    #[at("/settings/")]
+    SettingsSlash,
     #[at("/settings/{*_rest}")]
     Settings { _rest: String },
     #[not_found]
@@ -445,6 +447,7 @@ fn switch_main(route: MainRoute) -> Html {
         MainRoute::News => html! {<h1>{"News"}</h1>},
         MainRoute::Contact => html! {<h1>{"Contact"}</h1>},
         MainRoute::SettingsRoot | MainRoute::Settings { .. } => html! { <Switch<SettingsRoute> render={switch_settings} /> },
+        MainRoute::SettingsSlash => html! { <Redirect<MainRoute> to={MainRoute::SettingsRoot}/> },
         MainRoute::NotFound => html! {<h1>{"Not Found"}</h1>},
     }
 }