My vue 3 website going blank when i and router

[eebann]

navbar.vue

<template>
 <header>
       <nav class="header navbar navbar-light bg-light">
           <div class="header__container container">
               <img src="../assets/profile.jpg" alt="" class="header__img">

               <!--========== <h1><router-link :to="{name:'home'}" class="header__logo">nitto-logo</router-link></h1> ==========-->
               <div class="header__search">
                   <input type="search" placeholder="Search" class="header__input">
                   <i class='bx bx-search header__icon'></i>
               </div>
   
               <div class="header__toggle">
                   <i class='bx bx-menu' id="header-toggle"></i>
               </div>
           </div>
       </nav>
 </header>
</template>

<script>
export default {

}
</script>

<style>

</style>

App.vue

<template>
<Navbar />
 <div class="content">
   <router-view/>
   </div>
  
</template>
<script>
import Navbar from './components/Navbar.vue'

export default {
  components: { Navbar }
  
}
</script>

<style>
 
</style>