fix: register components with PascalCase

so that we can use markups like `<CSelect />`, which would meet the needs of those PascalCase fans

src/scripts/components.js

@@ -1,3 +1,4 @@
+import { pascalCase } from './utils/index'
 // NOTE
 // `require.context` must be treated as a whole. by
 // NO means you should split them up, as is required
@@ -10,17 +11,17 @@ export default {
     const keys = reqs.keys()
     for (let i = 0; i < keys.length; i++) {
       const module = getModule(reqs(keys[i]))
-      module.name && Vue.component(module.name, module)
+
+      // turn components' names to Pascal Case
+      // so that we can use markups like `<CSelect />`
+      // which would meet the needs of those PascalCase fans
+      // TODO
+      // we will turn all `name` fields in SFC into pacal case in the future
+      module.name && Vue.component(pascalCase(module.name), module)
     }
   }
 }
 
-// function importAll (r) {
-//   return reqs.keys().map(key => {
-//     return getModule(reqs(key))
-//   })
-// }
-
 function getModule (module) {
   return (module.__esModule && module.default) || module
 }

src/scripts/utils/index.js

@@ -2,6 +2,15 @@ import VueTypes from './vue-types'
 import zIndexManager from './zIndexManager'
 export { VueTypes }
 
+/**
+ * pretty simple pascalCase function
+ *
+ * @param {String} str
+ */
+export function pascalCase (str) {
+  return str.replace(/(^|-)([a-z])/g, (_, __, g2) => g2.toUpperCase())
+}
+
 /**
  * @desc get Vue Constructor inside Vue instances
  * @param vm {VueComponent} Vue instance