add breadcrumb into main App template

app/src/App.vue

@@ -24,7 +24,9 @@
       </b-navbar>
     </header>
 
-    <main>
+    <breadcrumb v-if="$route.meta.breadcrumb" />
+
+    <main id="main">
       <router-view v-if="isReady" />
     </main>
 

app/src/views/Home.vue

@@ -46,4 +46,8 @@ h2 {
     font-weight: 400;
     margin: 0;
 }
+
+.home {
+  margin-top: 2rem;
+}
 </style>

app/src/views/user/User.vue

@@ -1,7 +1,5 @@
 <template>
   <div class="user">
-    <breadcrumb />
-
     <b-card :class="{skeleton: !user}">
       <template v-slot:header>
         <h2>{{ user ? user.fullname : '' }}</h2>

app/src/views/user/UserCreate.vue

@@ -1,7 +1,5 @@
 <template lang="html">
   <div class="user-create">
-    <breadcrumb />
-
     <b-card :header="$t('users_new')" header-tag="h2">
       <b-form id="user-create" @submit.prevent="onSubmit">
         <b-form-group label-cols="auto" :label="$t('user_username')" label-for="input-username">

app/src/views/user/UserList.vue

@@ -1,7 +1,5 @@
 <template>
   <div class="users">
-    <breadcrumb />
-
     <div class="actions">
       <b-input-group>
         <b-input-group-prepend is-text>