yt-audio-player

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

App.vue (1061B)

      1 <script setup lang="ts">
      2 import { RouterView } from 'vue-router';
      3 import PlayUI from './components/PlayUI.vue';
      4 </script>
      5 
      6 <template>
      7   <div class="container">
      8     <nav class="navbar navbar-expand-lg">
      9       <router-link to="/" class="navbar-brand">yt-audio-player</router-link>
     10       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" >
     11         <span class="navbar-toggler-icon"></span>
     12       </button>
     13       <div class="collapse navbar-collapse" id="navbarSupportedContent">
     14         <ul class="navbar-nav mr-auto">
     15           <li class="nav-item">
     16             <router-link to="/" class="nav-link" aria-current="page">Home</router-link>
     17           </li>
     18           <li class="nav-item">
     19             <router-link to="/about" class="nav-link">About</router-link>
     20           </li>
     21         </ul>
     22       </div>
     23     </nav>
     24     <div class="container">
     25       <RouterView/>
     26     </div>
     27     <PlayUI/>
     28   </div>
     29 </template>
     30