refactor: add 'c-' prefixes to active and disabled classes

Author: woothu

package.json

@@ -60,9 +60,8 @@
     "clear_jest": "jest --clearCache"
   },
   "dependencies": {
-    "@coreui/coreui": "next",
-    "@coreui/icons": "../coreui-icons",
-    "raw-loader": "^1.0.0",
+    "@coreui/coreui": "3.0.0-alpha.11",
+    "@coreui/icons": "coreui/coreui-icons#v.1.0.0-alpha",
     "core-js": "^2.5.7",
     "element-resize-detector": "^1.2.0",
     "popper.js": "^1.14.7",

src/components/Badge/CBadge.vue

@@ -28,8 +28,8 @@ export default {
         `c-badge-${props.variant}`,
         {
           'c-badge-pill': Boolean(props.pill),
-          active: props.active,
-          disabled: props.disabled
+          'c-active': props.active,
+          'c-disabled': props.disabled
         }
       ],
       domProps,

src/components/Breadcrumb/Breadcrumb.vue

@@ -1,7 +1,7 @@
 <template>
   <ol class="breadcrumb">
     <li class="breadcrumb-item" :key="index" v-for="(routeObject, index) in routeRecords">
-      <span class="active" v-if="isLast(index)">{{ getName(routeObject) }}</span>
+      <span class="c-active" v-if="isLast(index)">{{ getName(routeObject) }}</span>
       <router-link :to="routeObject" v-else>{{ getName(routeObject) }}</router-link>
     </li>
   </ol>

src/components/Breadcrumb/CBreadcrumb.vue

@@ -31,7 +31,7 @@ export default {
       return h('li',
              {
                staticClass: 'c-breadcrumb-item',
-               class: { active: isLast },
+               class: { 'c-active': isLast },
                attrs: { role: 'presentation' }
              },
              [h(tag, itemProps)])

src/components/Button/CButton.vue

@@ -46,7 +46,7 @@ function computeClasses (props) {
       [`c-btn-ghost-${props.variant}`]: props.ghost,
       'c-btn-block': props.block,
       'c-disabled': props.disabled,
-      active: props.pressed
+      'c-active': props.pressed
     }
   ]
 }

src/components/Carousel/CCarousel.vue

@@ -4,7 +4,7 @@
       <li
         v-for="(index, key) in items.length"
         @click="setItem(key)"
-        :class="{ active: activated === key }"
+        :class="{ 'c-active': activated === key }"
         :key="key"
       ></li>
     </ol>

src/components/Carousel/CCarouselItem.vue

@@ -47,7 +47,7 @@ export default {
         {
           [`c-carousel-item-${this.order}`]: this.order && !this.activated,
           [`c-carousel-item-${this.direction}`]: this.transitioning,
-          'active': this.activated
+          'c-active': this.activated
         }
       ]
     }

src/components/Link/CLink.vue

@@ -16,7 +16,7 @@ export function propsFactory () {
     //these are router-link component props (default active class changed)
     activeClass: {
       type: String,
-      default: 'active'
+      default: 'c-active'
     },
     append: Boolean,
     event: {
@@ -26,7 +26,7 @@ export function propsFactory () {
     exact: Boolean,
     exactActiveClass: {
       type: String,
-      default: 'active'
+      default: 'c-active'
     },
     replace: Boolean,
     routerTag: {
@@ -85,7 +85,7 @@ export default {
     const componentData = mergeData(data, {
       class: {
         'c-disabled': props.disabled,
-        'active': props.active
+        'c-active': props.active
       },
       attrs: {
         rel,

src/components/ListGroup/CListGroupItem.vue

@@ -44,8 +44,8 @@ export default {
       class: {
         [`c-list-group-item-${props.variant}`]: Boolean(props.variant),
         'c-list-group-item-action': isAction,
-        active: props.active,
-        disabled: props.disabled
+        'c-active': props.active,
+        'c-disabled': props.disabled
       }
     }
     return h(tag, mergeData(data, componentData), children)

src/components/Pagination/CPagination.vue

@@ -229,7 +229,7 @@
       },
       setStyle (item) {
         if(this.activePage === item) {
-          return 'c-page-item active'
+          return 'c-page-item c-active'
         }
         return 'c-page-item'
       }