refactor: minor refactors

src/views/base/Carousels.vue

@@ -1,8 +1,7 @@
-<template functional>
+<template>
   <div class="c-wrapper">
-    <div>
       <CRow>
-        <CCol md="12" lg="9" >
+      <CCol md="12" lg="7">
           <CCard>
             <CCardHeader>
               <i class="fa fa-align-justify"></i>
@@ -26,14 +25,14 @@
                 height="400px"
               >
                 <CCarouselItem
-                  caption="First Slide"
+                captionHeader="First Slide"
                   image="https://lorempixel.com/1024/480/technics/2/"
-                  text="Nulla vitae elit libero, a pharetra augue mollis interdum."
+                captionText="Nulla vitae elit libero, a pharetra augue mollis interdum."
                 />
                 <CCarouselItem
-                  caption="Blank page"
+                captionHeader="Blank page"
                   :image="{ blankColor: 'grey' }"
-                  text="Nulla vitae elit libero, a pharetra augue mollis interdum."
+                captionText="Nulla vitae elit libero, a pharetra augue mollis interdum."
                 />
                 <CCarouselItem
                  image="https://lorempixel.com/1024/480/technics/8/"
@@ -44,7 +43,6 @@
         </CCol>
       </CRow>
     </div>
-  </div>
 </template>
 
 <script>