chore: init coreui-icons-vue repository

Author: woothu

.gitignore

@@ -0,0 +1,3 @@
+.DS_Store
+.git
+node_modules

CIcon.vue

@@ -0,0 +1,67 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :viewBox="viewBox"
+    :class="computedClasses"
+    v-html="icon.svgContent"
+  ></svg>
+</template>
+
+<script>
+export default {
+  name: 'CIcon',
+  //This object contains icons added before component registration
+  icons: {},
+  props: {
+    name: String,
+    content: [String, Array],
+    // fill: String,
+    // background: String,
+    size: {
+      type: String,
+      validator: size => ['sm', 'lg', 'xl', 'custom-size'].includes(size)
+    },
+    customClasses: [String, Array, Object]
+  },
+  computed: {
+    iconName () {
+      const iconNameIsKebabCase = this.name && this.name.includes('-')
+      return iconNameIsKebabCase ? this.toCamelCase(this.name) : this.name
+    },
+    code () {
+      return this.content || this.$options.icons[this.iconName]
+    },
+    icon () {
+      if (Array.isArray(this.code)) {
+        const coordinates = this.code.length > 1 ? this.code[0] : '64 64'
+        const svgContent = this.code.length > 1 ? this.code[1] : this.code[0]
+        return { coordinates, svgContent }
+      }
+      return { coordinates: '64 64', svgContent: this.code }
+    },
+    viewBox () {
+      return this.$attrs.viewBox || `0 0 ${ this.icon.coordinates }`
+    },
+    // style () {
+    //   return {
+    //     fill: this.fill || 'currentColor',
+    //     background: this.background
+    //   }
+    // },
+    computedSize () {
+      return this.$attrs.width || this.$attrs.height ? 'custom-size' : this.size
+    },
+    computedClasses () {
+      return this.customClasses ||  
+             ['c-icon', { [`c-icon-${this.computedSize}`]: this.computedSize }]
+    }
+  },
+  methods: {
+    toCamelCase (str) {
+      return str.replace(/([-_][a-z0-9])/ig, ($1) => {
+        return $1.toUpperCase().replace('-', '')
+      })
+    }
+  }
+}
+</script>

README.md

@@ -0,0 +1,46 @@
+# CoreUI Icons - Simply beautiful open source icons
+
+An open source icon set with marks in SVG, webfont and raster formats. Ready-to-use fonts and stylesheets that work with your favorite frameworks..
+
+
+## Preview & Docs
+
+[https://coreui.io/icons/](https://coreui.io/icons/)
+
+
+## Installation
+
+### CDN
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/@coreui/icons/css/coreui-icons.min.css">
+```
+
+### NPM
+
+```shell
+npm install @coreui/icons --save
+
+```
+
+Or, you can also clone or [download this repository](https://github.com/coreui/coreui-icons/archive/master.zip) as zip.
+
+
+## Basic Use
+You can place CoreUI Icons just about anywhere using a CSS style prefix and the icon’s name. CoreUI Icons are designed to be used with inline elements ex. `<i>` or `<span>`.
+
+```html
+<i class="cui-energy"></i>
+```
+
+## License
+
+CoreUI Icons Free is free, open source, and GPL friendly. You can use it for
+commercial projects, open source projects, or really almost whatever you want.
+
+- Icons — CC BY 4.0 License
+  - In the CoreUI Icons Free download, the CC BY 4.0 license applies to all icons packaged as .svg and .js files types.
+- Fonts — SIL OFL 1.1 License
+  - In the CoreUI Icons Free download, the SIL OLF license applies to all icons packaged as web and desktop font files.
+- Code — MIT License
+  - In the CoreUI Icons Free download, the MIT license applies to all non-font and non-icon files.

babel.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  presets: [
+    ["@vue/app", {
+      "modules": false
+    }]
+  ]
+}