fix: template fixes, updates and refactors

tests/unit/containers/__snapshots__/TheFooter.spec.js.snap

@@ -7,6 +7,7 @@ exports[`TheFooter.vue renders correctly 1`] = `
   <div>
     <a
       href="https://coreui.io"
+      target="_blank"
     >
       CoreUI
     </a>
@@ -28,7 +29,8 @@ exports[`TheFooter.vue renders correctly 1`] = `
     </span>
      
     <a
-      href="https://coreui.io"
+      href="https://coreui.io/vue"
+      target="_blank"
     >
       CoreUI for Vue
     </a>

tests/unit/containers/__snapshots__/TheHeader.spec.js.snap

@@ -9,23 +9,24 @@ exports[`TheHeader.vue renders correctly 1`] = `
   withsubheader="true"
 >
   <ctoggler-stub
-    class="c-header-toggler ml-3 d-lg-none"
+    class="ml-3 d-lg-none"
     inheader="true"
     tag="button"
   />
    
   <ctoggler-stub
-    class="c-header-toggler ml-3 d-md-down-none"
+    class="ml-3 d-md-down-none"
     inheader="true"
     tag="button"
   />
    
-  <img
+  <cheaderbrand
     alt="CoreUI Logo"
-    class="c-header-brand mx-auto d-lg-none"
+    class="mx-auto d-lg-none"
     height="46"
     src="img/brand/coreui-base.svg"
     width="97"
+    wrappedinlink="[object Object]"
   />
    
   <cheadernav-stub
@@ -119,12 +120,12 @@ exports[`TheHeader.vue renders correctly 1`] = `
     <theheaderdropdownaccnt-stub />
   </cheadernav-stub>
    
-  <div
-    class="c-subheader px-3"
+  <csubheader
+    class="px-3"
   >
     <cbreadcrumbrouter-stub
       class="border-0"
     />
-  </div>
+  </csubheader>
 </cheader-stub>
 `;

tests/unit/containers/__snapshots__/TheSidebar.spec.js.snap

@@ -10,8 +10,8 @@ exports[`TheSidebar.vue renders correctly 1`] = `
   show="responsive"
 >
   <csidebarbrand-stub
-    fullsrc="img/brand/coreui-base-white.svg"
-    minimizedsrc="img/brand/coreui-signet-white.svg"
+    imgfull="[object Object]"
+    imgminimized="[object Object]"
     wrappedinlink="[object Object]"
   />