refactor: remplace variant prop with color

src/views/pages/Login.vue

@@ -21,10 +21,10 @@
                 />
                 <CRow>
                   <CCol col="6">
-                    <CButton variant="primary" class="px-4">Login</CButton>
+                    <CButton color="primary" class="px-4">Login</CButton>
                   </CCol>
                   <CCol col="6" class="text-right">
-                    <CButton variant="link" class="px-0">Forgot password?</CButton>
+                    <CButton color="link" class="px-0">Forgot password?</CButton>
                   </CCol>
                 </CRow>
               </CForm>
@@ -38,7 +38,7 @@
             <h2>Sign up</h2>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
             <CButton
-              variant="primary"
+              color="primary"
               class="active mt-3"
             >
               Register Now!

src/views/pages/Page404.vue

@@ -14,7 +14,7 @@
           placeholder="What are you looking for?"
         >
           <template #append>
-            <CButton variant="info">Search</CButton>
+            <CButton color="info">Search</CButton>
           </template>
         </CFormInput>
       </div>

src/views/pages/Page500.vue

@@ -13,7 +13,7 @@
           placeholder="What are you looking for?"
         >
           <template #append>
-            <CButton variant="info">Search</CButton>
+            <CButton color="info">Search</CButton>
           </template>
         </CFormInput>
       </CCol>

src/views/pages/Register.vue

@@ -30,16 +30,16 @@
                 autocomplete="new-password"
                 class="mb-4"
               />
-              <CButton variant="success" block>Create Account</CButton>
+              <CButton color="success" block>Create Account</CButton>
             </CForm>
           </CCardBody>
           <CCardFooter class="p-4">
             <CRow>
               <CCol col="6">
-                <CButton block variant="facebook" textHtml="Facebook"/>
+                <CButton block color="facebook" textHtml="Facebook"/>
               </CCol>
               <CCol col="6">
-                <CButton block variant="twitter" textHtml="Twitter"/>
+                <CButton block color="twitter" textHtml="Twitter"/>
               </CCol>
             </CRow>
           </CCardFooter>