fix: changed CCol component to valid one

Author: woothu

src/components/Grid/CCol.js

@@ -0,0 +1,46 @@
+import { mergeData } from 'vue-functional-data-merge'
+
+export default {
+  functional: true,
+  name: 'CCol',
+  props: {
+    cols: [ Boolean, String, Number, Object ],
+    xs: [ Boolean, String, Number, Object ],
+    sm: [ Boolean, String, Number, Object ],
+    md: [ Boolean, String, Number, Object ],
+    lg: [ Boolean, String, Number, Object ],
+    xl: [ Boolean, String, Number, Object ],
+  },
+  render (h, { props, data, children }) {
+    let classes = []
+    let prefixes = {'cols': '', '-xs': 'xs', 'sm': '-sm',
+                    'md': '-md', 'lg': '-lg', 'xl': '-xl'}
+    Object.keys(props).forEach((key) => {
+      if (props[key] === true)
+        classes.push(`col${prefixes[key]}`)
+
+      if (typeof props[key] === 'number' || typeof props[key] === 'string')
+        classes.push(`col${prefixes[key]}-${props[key]}`)
+
+      if (typeof props[key] === 'object') {
+        if(props[key].size)
+          classes.push(`col${prefixes[key]}-${props[key].size}`)
+
+        if(props[key].offset)
+          classes.push(`offset${prefixes[key]}-${props[key].offset}`)
+
+        if(props[key].order)
+          classes.push(`order${prefixes[key]}-${props[key].order}`)
+      }
+    })
+    return h(
+      'div',
+      mergeData(data,
+        {
+          class: classes
+        }
+      ),
+      children
+     )
+  }
+}

src/components/Grid/CColumn.js

@@ -1,9 +1,9 @@
-import CColumn from './CColumn'
-import CRow from './CRow'
 import CContainer from './CContainer'
+import CRow from './CRow'
+import CCol from './CCol'
 
 export {
-  CColumn,
+  CContainer,
   CRow,
-  CContainer
+  CCol
 }