fix: template fixes, updates and refactors

tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap

@@ -54,7 +54,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
               href="#"
               target="_self"
             >
-               <b>Admin</b> 
+               Admin 
             </a>
           </li>
           <li

tests/unit/views/base/__snapshots__/Collapses.spec.js.snap

@@ -45,7 +45,6 @@ exports[`Collapses.vue renders correctly 1`] = `
       >
         <button
           class="btn btn-primary"
-          id="collapse1"
           type="button"
         >
           
@@ -56,7 +55,6 @@ exports[`Collapses.vue renders correctly 1`] = `
         <div
           class="mt-2"
           style="display: none;"
-          toggler="collapse1"
         >
           <div
             class="card"
@@ -73,7 +71,6 @@ exports[`Collapses.vue renders correctly 1`] = `
                
               <button
                 class="btn btn-secondary btn-sm"
-                id="collapse2"
                 type="button"
               >
                 
@@ -84,7 +81,6 @@ exports[`Collapses.vue renders correctly 1`] = `
               <div
                 class="mt-2"
                 style="display: none;"
-                toggler="collapse2"
               >
                 <div
                   class="card"

tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap

@@ -38,10 +38,20 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
          
         <ccardbody-stub>
           <cjumbotron-stub
-            header="Bootstrap 4"
-            lead="Bootstrap 4 Components for Vue.js 2"
             tag="div"
           >
+            <h1
+              class="display-3"
+            >
+              Bootstrap 4
+            </h1>
+             
+            <p
+              class="lead"
+            >
+              Bootstrap 4 Components for Vue.js 2
+            </p>
+             
             <p>
               For more information visit website
             </p>
@@ -87,9 +97,14 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
             lead=""
             tag="div"
           >
+            <h1
+              class="display-3"
+            >
+              Bootstrap 4
+            </h1>
+             
             <p
               class="lead"
-              slot="lead"
             >
               
               This is a simple hero unit, a simple jumbotron-style component for
@@ -164,13 +179,17 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
           <cjumbotron-stub
             bordercolor="dark"
             color="info"
-            header="Bootstrap 4"
             tag="div"
             textcolor="white"
           >
+            <h1
+              class="display-3"
+            >
+              Bootstrap 4
+            </h1>
+             
             <p
               class="lead"
-              slot="lead"
             >
               
               This is a simple hero unit, a simple jumbotron-style component for

tests/unit/views/base/__snapshots__/Navbars.spec.js.snap

@@ -286,11 +286,11 @@ exports[`Navbars.vue renders correctly 1`] = `
           <cnavbarnav-stub
             tag="ul"
           >
-            <span
-              class="navbar-text"
+            <cnavbartext-stub
+              tag="div"
             >
               Navbar text
-            </span>
+            </cnavbartext-stub>
           </cnavbarnav-stub>
         </ccollapse-stub>
       </cnavbar-stub>