dedup function component names

Author: its-the-shrimp

website/docs/tutorial/index.mdx

@@ -90,8 +90,8 @@ in the `dev-dependencies` instead.
 ```rust ,no_run title="src/main.rs"
 use yew::prelude::*;
 
-#[function_component(App)]
-fn app() -> Html {
+#[function_component]
+fn App() -> Html {
     html! {
         <h1>{ "Hello World" }</h1>
     }
@@ -186,8 +186,8 @@ Now, let's convert this HTML into `html!`. Type (or copy/paste) the following sn
 such that the value of `html!` is returned by the function
 
 ```rust {3-21}
-#[function_component(App)]
-fn app() -> Html {
+#[function_component]
+fn App() -> Html {
 -   html! {
 -       <h1>{ "Hello World" }</h1>
 -   }
@@ -233,8 +233,8 @@ struct Video {
 Next, we will create instances of this struct in our `app` function and use those instead of hardcoding the data:
 
 ```rust {3-29}
-#[function_component(App)]
-fn app() -> Html {
+#[function_component]
+fn App() -> Html {
 +   let videos = vec![
 +       Video {
 +           id: 1,
@@ -313,8 +313,8 @@ struct VideosListProps {
     videos: Vec<Video>,
 }
 
-#[function_component(VideosList)]
-fn videos_list(VideosListProps { videos }: &VideosListProps) -> Html {
+#[function_component]
+fn VideosList(VideosListProps { videos }: &VideosListProps) -> Html {
     html! {
         for video in videos {
             <p key={video.id}>{format!("{}: {}", video.speaker, video.title)}</p>
@@ -334,8 +334,8 @@ The struct used for props must implement `Properties` by deriving it.
 Now, we can update our `App` component to make use of `VideosList` component.
 
 ```rust {9-12}
-#[function_component(App)]
-fn app() -> Html {
+#[function_component]
+fn App() -> Html {
     // ...
     html! {
         <>
@@ -374,9 +374,9 @@ struct VideosListProps {
 Then we modify the `VideosList` component to "emit" the selected video to the callback.
 
 ```rust {2-18}
-#[function_component(VideosList)]
--fn videos_list(VideosListProps { videos }: &VideosListProps) -> Html {
-+fn videos_list(VideosListProps { videos, on_click }: &VideosListProps) -> Html {
+#[function_component]
+-fn VideosList(VideosListProps { videos }: &VideosListProps) -> Html {
++fn VideosList(VideosListProps { videos, on_click }: &VideosListProps) -> Html {
 +   let on_select = |video: &Video| {
 +       let on_click = on_click.clone();
 +       let video = video.clone();
@@ -403,8 +403,8 @@ struct VideosDetailsProps {
     video: Video,
 }
 
-#[function_component(VideoDetails)]
-fn video_details(VideosDetailsProps { video }: &VideosDetailsProps) -> Html {
+#[function_component]
+fn VideoDetails(VideosDetailsProps { video }: &VideosDetailsProps) -> Html {
     html! {
         <div>
             <h3>{ video.title.clone() }</h3>
@@ -512,8 +512,8 @@ Now as the last step, we need to update our `App` component to make the fetch re
 use yew::prelude::*;
 +use gloo_net::http::Request;
 
-#[function_component(App)]
-fn app() -> Html {
+#[function_component]
+fn App() -> Html {
 -   let videos = vec![
 -       Video {
 -           id: 1,