Fix Layout

src/App.vue

 <template>
   <v-app>
-    <navigation-bar :nav-drawer="isNavDrawerVisible"></navigation-bar>
+    <navigation-bar></navigation-bar>
+    <navigation-drawer></navigation-drawer>
     <v-content>
-      <navigation-drawer
-        :visible="isNavDrawerVisible"
-      ></navigation-drawer>
+      <v-container
+        fluid
+      >
+        <router-view></router-view>
+      </v-container>
     </v-content>
   </v-app>
 </template>

src/components/NavigationBar.vue

 <template>
   <v-app-bar
     app
+    clipped-left
     color="primary"
     dark
   >

src/components/NavigationDrawer.vue

 <template>
   <v-navigation-drawer
+    app
+    clipped
     :value="isNavDrawerVisible"
   ></v-navigation-drawer>
 </template>