refactor: add missing variant props

src/views/base/Collapses.vue

@@ -20,7 +20,7 @@
               <CCollapse toggler="collapse1" class="c-mt-2">
                 <CCard body-wrapper>
                   <p class="c-card-text">Collapse contents Here</p>
-                  <CButton id="collapse2" size="sm">
+                  <CButton id="collapse2" size="sm" variant="secondary">
                     Toggle Inner Collapse
                   </CButton>
                   <CCollapse toggler="collapse2" class="c-mt-2">

src/views/base/Navbars.vue

@@ -44,7 +44,6 @@
           <CNavbar
             toggleable="md"
             variant="info"
-            sticky
           >
             <CNavbarToggle @click="show=!show"/>
             <CNavbarBrand href="#">NavBar</CNavbarBrand>
@@ -100,8 +99,8 @@
           <!-- Image and text -->
           <CNavbar variant="faded" light>
             <CNavbarBrand href="#">
-              <img src="https://placekitten.com/g/30/30" class="c-d-inline-block c-align-top" alt="BV">
-              BootstrapVue
+              <img src="https://placekitten.com/g/30/30" class="c-d-inline-block c-align-top" alt="CoreuiVue">
+              CoreuiVue
             </CNavbarBrand>
           </CNavbar>
         </CCardBody>
@@ -114,7 +113,7 @@
         <CCardBody>
           <CNavbar toggleable="sm" light variant="light">
             <CNavbarToggle @click="navbarText=!navbarText"></CNavbarToggle>
-            <CNavbarBrand>BootstrapVue</CNavbarBrand>
+            <CNavbarBrand>CoreuiVue</CNavbarBrand>
             <CCollapse :show="navbarText" navbar>
               <CNavbarNav>
                 <span class="c-navbar-text">Navbar text</span>
@@ -129,9 +128,9 @@
           <small>dropdown</small>
         </CCardHeader>
         <CCardBody>
-          <CNavbar>
-            <!-- <CNavbarToggle @click="navbarDropdown = !navbarDropdown"></CNavbarToggle>
-            <CCollapse :show="navbarDropdown" navbar> -->
+          <CNavbar toggleable="sm" variant="primary">
+            <CNavbarToggle @click="navbarDropdown = !navbarDropdown"></CNavbarToggle>
+            <CCollapse :show="navbarDropdown" navbar>
               <CNavbarNav>
                 <CNavItem href="#">Home</CNavItem>
                 <CNavItem href="#">Link</CNavItem>
@@ -155,7 +154,7 @@
                   <CDropdownItem>Settings</CDropdownItem>
                 </CDropdown>
               </CNavbarNav>
-            <!-- </CCollapse> -->
+            </CCollapse>
           </CNavbar>
         </CCardBody>
       </CCard>

src/views/base/Table.vue

@@ -10,7 +10,7 @@
       :fields="fields"
       :per-page="small ? 10 : 5"
       :dark="dark"
-      no-sorting
+      pagination      
     >
       <template #status="{item}">
         <td>

src/views/base/Tooltips.vue

@@ -16,23 +16,32 @@
           <CRow>
             <CCol col="4">
               <div class="c-text-center c-my-3">
-                <CButton v-c-tooltip.hover.click="'I am a tooltip!'">
+                <CButton 
+                  variant="secondary"
+                  v-c-tooltip.hover.click="'I am a tooltip!'"
+                >
                   Hover Me
                 </CButton>
               </div>
             </CCol>
             <CCol col="4">
               <div class="c-text-center c-my-3">
-                <CButton v-c-tooltip="{content: 'I start open!', active:true }">
+                <CButton 
+                  v-c-tooltip="{content: 'I start open!', active:true }"
+                  variant="secondary"
+                >
                   Hover me
                 </CButton>
               </div>
             </CCol>
             <CCol col="4">
               <div class="c-text-center c-my-3">
-                <CButton v-c-tooltip.click="
-                  'I am showing on click and hiding on click outside tooltip!'
-                ">
+                <CButton
+                  variant="secondary"
+                  v-c-tooltip.click="
+                    'I am showing on click and hiding on click outside tooltip!'
+                  "
+                >
                   Click me
                 </CButton>
               </div>