feat: change styles of users, themes and icons sections to version 3

src/views/users/User.vue

@@ -6,11 +6,12 @@
           User id:  {{ $route.params.id }}
         </CCardHeader>
         <CCardBody>
-          <CTable striped
-                  small
-                  fixed
-                  :items="items($route.params.id)"
-                  :fields="$options.fields"
+          <CTable
+            striped
+            small
+            fixed
+            :items="items($route.params.id)"
+            :fields="$options.fields"
           />
         </CCardBody>
         <CCardFooter>

src/views/users/Users.vue

@@ -3,14 +3,15 @@
     <CCol col="12" xl="8">
       <transition name="slide">
         <CCard headerHtml="users" bodyWrapper>
-          <CTable hover
-                  striped
-                  :items="items"
-                  :fields="fields"
-                  :current-page="currentPage"
-                  :per-page="perPage"
-                  @row-clicked="rowClicked"
-                  :paginationProps="$options.paginationProps"
+          <CTable
+            hover
+            striped
+            :items="items"
+            :fields="fields"
+            :current-page="currentPage"
+            :per-page="perPage"
+            @row-clicked="rowClicked"
+            :paginationProps="$options.paginationProps"
           >
             <td slot="id" slot-scope="data">
               <strong>{{data.item.id}}</strong>
@@ -19,7 +20,9 @@
               <strong>{{data.item.name}}</strong>
             </td>
             <td slot="status" slot-scope="data">
-              <CBadge :variant="getBadge(data.item.status)">{{data.item.status}}</CBadge>
+              <CBadge :variant="getBadge(data.item.status)">
+                {{data.item.status}}
+              </CBadge>
             </td>
           </CTable>
         </CCard>
@@ -74,7 +77,7 @@ export default {
 </script>
 
 <style scoped>
-.card-body >>> table > tbody > tr > td {
+.c-card-body >>> table > tbody > tr > td {
   cursor: pointer;
 }
 </style>