From be197f246599f8df6e1fc1db60ea55fe5a2c82cd Mon Sep 17 00:00:00 2001
From: woothu <32914662+woothu@users.noreply.github.com>
Date: Wed, 29 May 2019 16:55:00 +0200
Subject: [PATCH] feat: add vue CIcon component and CIcon plugin containing all
 icons

---
 vue/CIcon.vue | 22 ++++++++++++++++++++++
 vue/index.js  | 12 ++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 vue/CIcon.vue
 create mode 100644 vue/index.js

diff --git a/vue/CIcon.vue b/vue/CIcon.vue
new file mode 100644
index 000000000..c992d348f
--- /dev/null
+++ b/vue/CIcon.vue
@@ -0,0 +1,22 @@
+<template>
+  <svg width="64" height="64" v-html="computedCode"></svg>
+</template>
+
+<script>
+export default {
+  name: 'CIcon',
+  icons: {},
+  props: {
+    iconCode: String,
+    icon: String
+  },
+  mounted () {
+    console.log(this.$options.icons)
+  },
+  computed: {
+    computedCode () {
+      return this.iconCode || this.$options.icons[this.icon]
+    }
+  }
+}
+</script>
diff --git a/vue/index.js b/vue/index.js
new file mode 100644
index 000000000..45a38708e
--- /dev/null
+++ b/vue/index.js
@@ -0,0 +1,12 @@
+import Icons from '../js/iconsGenerated.js'
+import CIcon from './CIcon'
+
+export { CIcon }
+
+const VueCIconPlugin = {
+  install (Vue) {
+    CIcon.icons = Icons
+    Vue.component('CIcon', CIcon)
+  }
+}
+export { VueCIconPlugin }