Adding navigation bars

In this section, we will build a top navigation bar to navigate to the different main pages of our app. We will also make a sidebar inside an admin dashboard page to allow us to navigate between other pages within the admin dashboard. Let's look at the steps:

1. Start by creating a components folder in the src directory.
2. After creating a components folder, create a Vue component file in the components folder and name it NavigationBar. The path should look like this:

   src | components | NavigationBar.vue.

3. Now, in the NavigationBar.vue file, add the following code:

   <template>
     <v-app-bar app color="primary" dark>
       <div class="d-flex align-center">
         // for brevity, please see the code in the 
          // github repo
       </div>
       <v-spacer></v-spacer>...