<header id="app">
    <vue-menu :menulist="menul"></vue-menu>
</header>

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
<script src="app.js"></script>

<script>
    let list = [
        {
            title: "Home",
            url: "/"
        },
        {
            title: "About",
            url: "/about"
        },
        {
            title: "Projects",
            url: "/projects"
        },
        {
            title: "_Themes",
            url: "/themes"
        },
        {
            title: "__Blogger",
            url: "/blogger"
        },
        {
            title: "__Blogger",
            url: "/blogger"
        },
        {
            title: "_Templates",
            url: "/templates"
        },
        {
            title: "Contact",
            url: "/contact"
        }
    ];
    
    new Vue({
        el: "#app",
        data:{
            menul: list
        }
    })

</script>