You are an expert in writing code in many different languages. Your goal is to perform code completion for the following code, keeping in mind the rest of the code and the file meta data.
    Metadata details:
    filename: content.rs
    path of file: ./repos/sycamore/website/src
    
    the code of the file until where you have to start completion: use serde_lite::Deserialize;
use sycamore::prelude::*;

use crate::sidebar::SidebarCurrent;

// Sync definition with docs/build.rs
#[derive(Deserialize, Debug, Clone, PartialEq, Eq)]
pub struct MarkdownPage {
    html: String
    
pub fn OutlineView<G: Html>(outline: Vec<Outline>) -> View<G> {
    web_sys::window()
        .unwrap()
        .document()
        .unwrap()
        .set_title("Sycamore"); // TODO: get title from markdown file

    view! {
        ul(class="mt-4 text-sm pl-2 border-l border-gray-400 dark:border-gray-500 text-gray-600 dark:text-gray-300") {
            Indexed(
                iterable=*create_signal(outline),
                view=|item| {
                    let Outline { name, children } = item;
                    let nested = children.iter().map(|x| {
                        let name = x.name.clone();
                        let href = format!("#{}", x.name.trim().to_lowercase().replace(' ', "-"));
                        view! {
                            li {
                                a(
                                    class="hover:text-yellow-400 mb-1 inline-block transition-colors",
                                    href=href,
                                ) {
                                    (name)
                                }
                            }
                        }
                    }).collect();
                    let nested = View::new_fragment(nested);

                    let href = format!("#{}", name.trim().to_lowercase().replace(' ', "-"));

                    view! {
                        li {
                            a(
                                class="hover:text-yellow-400 mb-1 inline-block transition-colors",
                                href=href,
                            ) {
                                (name)
                            }
                            ul(class="ml-3") {
                                (nested)
                            }
                        }
                    }
                }
            )
        }
    }
}