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:
- Start by creating a
componentsfolder in thesrcdirectory. - After creating a
componentsfolder, create a Vue component file in thecomponentsfolder and name itNavigationBar. The path should look like this:src|components|NavigationBar.vue. - Now, in the
NavigationBar.vuefile, 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>...
