refactor: template changes to implement new CCard syntax

src/views/base/Carousels.vue

@@ -4,7 +4,7 @@
       <CRow>
         <CCol md="12" lg="9" >
           <CCard>
-            <CCardHeader slot="header">
+            <CCardHeader>
               <i class="fa fa-align-justify"></i>
               <strong> Bootstrap Carousel</strong>
               <div class="card-header-actions">
@@ -18,20 +18,22 @@
                 </a>
               </div>
             </CCardHeader>
-            <CCarousel>
-              <CCarouselItem
-                caption="First Slide"
-                imgSrc="https://lorempixel.com/1024/480/technics/2/"
-                text="Nulla vitae elit libero, a pharetra augue mollis interdum."
-              />
-              <CCarouselItem
-                active
-                imgSrc="https://lorempixel.com/1024/480/technics/4/"
-              />
-              <CCarouselItem
-                imgSrc="https://lorempixel.com/1024/480/technics/8/"
-              />
-            </CCarousel>
+            <CCardBody>
+              <CCarousel>
+                <CCarouselItem
+                  caption="First Slide"
+                  imgSrc="https://lorempixel.com/1024/480/technics/2/"
+                  text="Nulla vitae elit libero, a pharetra augue mollis interdum."
+                />
+                <CCarouselItem
+                  active
+                  imgSrc="https://lorempixel.com/1024/480/technics/4/"
+                />
+                <CCarouselItem
+                  imgSrc="https://lorempixel.com/1024/480/technics/8/"
+                />
+              </CCarousel>
+            </CCardBody>
           </CCard>
         </CCol>
       </CRow>