refactor: update examples

Author: mrholek

src/views/Dashboard.vue

@@ -8,7 +8,7 @@
             <CRow>
               <CCol sm="5">
                 <h4 id="traffic" class="card-title mb-0">Traffic</h4>
-                <div class="small text-medium-emphasis">November 2017</div>
+                <div class="small text-medium-emphasis">January 2021</div>
               </CCol>
               <CCol sm="7" class="d-none d-md-block">
                 <CButton color="primary" class="float-end">
@@ -316,7 +316,7 @@
               <CTableHead color="light">
                 <CTableRow>
                   <CTableHeaderCell class="text-center">
-                    <CIcon name="{cilPeople}" />
+                    <CIcon name="cil-people" />
                   </CTableHeaderCell>
                   <CTableHeaderCell>User</CTableHeaderCell>
                   <CTableHeaderCell class="text-center"
@@ -449,7 +449,7 @@ export default {
             period: "Jun 11, 2021 - Jul 10, 2021",
             color: "warning",
           },
-          payment: { name: "Stripe", icon: "cib-stripe" },
+          payment: { name: "Stripe", icon: "cib-cc-stripe" },
           activity: "1 hour ago",
         },
         {
@@ -461,7 +461,7 @@ export default {
             period: "Jun 11, 2021 - Jul 10, 2021",
             color: "danger",
           },
-          payment: { name: "PayPal", icon: "cib-paypal" },
+          payment: { name: "PayPal", icon: "cib-cc-paypal" },
           activity: "Last month",
         },
         {
@@ -477,7 +477,7 @@ export default {
             period: "Jun 11, 2021 - Jul 10, 2021",
             color: "primary",
           },
-          payment: { name: "Google Wallet", icon: "cib-google-pay" },
+          payment: { name: "Google Wallet", icon: "cib-cc-apple-pay" },
           activity: "Last week",
         },
         {

src/views/base/Accordion.vue

@@ -12,7 +12,7 @@
           <p class="text-medium-emphasis small">
             Click the accordions below to expand/collapse the accordion content.
           </p>
-          <Example href="components/accordion">
+          <DocsExample href="components/accordion">
             <CAccordion>
               <CAccordionItem>
                 <CAccordionHeader>
@@ -96,7 +96,7 @@
                 </CAccordionCollapse>
               </CAccordionItem>
             </CAccordion>
-          </Example>
+          </DocsExample>
         </CCardBody>
       </CCard>
       <CCard class="mb-4">
@@ -110,7 +110,7 @@
             corners to render accordions edge-to-edge with their parent
             container.
           </p>
-          <Example href="components/accordion#flush">
+          <DocsExample href="components/accordion#flush">
             <CAccordion flush>
               <CAccordionItem>
                 <CAccordionHeader>
@@ -200,7 +200,7 @@
                 </CAccordionCollapse>
               </CAccordionItem>
             </CAccordion>
-          </Example>
+          </DocsExample>
         </CCardBody>
       </CCard>
     </CCol>

src/views/base/Breadcrumbs.vue

@@ -23,7 +23,7 @@
             </a>
             .
           </p>
-          <Example href="components/breadcrumb">
+          <DocsExample href="components/breadcrumb">
             <CBreadcrumb>
               <CBreadcrumbItem>
                 <CLink href="#">Home</CLink>
@@ -51,7 +51,7 @@
               </CBreadcrumbItem>
               <CBreadcrumbItem active>Bootstrap</CBreadcrumbItem>
             </CBreadcrumb>
-          </Example>
+          </DocsExample>
         </CCardBody>
       </CCard>
     </CCol>