Added Element Plus icons

Author: egauzens

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sparc-design-system-components-2",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -20,11 +20,12 @@
   ],
   "dependencies": {
     "@carbon/grid": "^11.20.0",
+    "@element-plus/icons-vue": "^2.3.1",
+    "date-fns": "^2.3.0",
     "element-plus": "^2.4.2",
     "ramda": "^0.29.1",
     "vue": "^3.3.4",
-    "vue-router":"^4.2.5",
-    "date-fns": "^2.3.0"
+    "vue-router": "^4.2.5"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "7.5.1",

src/App.vue

@@ -8,6 +8,7 @@
   </header>
 
   <main>
+    <el-icon><Folder /></el-icon>
 
     <div>
 
@@ -405,6 +406,7 @@
   import ContentTabCard from './components/ContentTabCard.vue'
   import EventCard from './components/EventCard.vue'
   import MultiSelect from './components/MultiSelect.vue'
+  import { Folder } from '@element-plus/icons-vue'
 
   import { ref } from 'vue'
   import { successMessage, infoMessage, failMessage, informationNotification, iconInformationNotification } from "../utils/notificationMessages"
@@ -1146,9 +1148,9 @@
       ContentOverviewCard,
       ContentTabCard,
       EventCard,
-      MultiSelect
+      MultiSelect,
       ListCard,
-
+      Folder,
     },
     name: 'App',
     setup() {

src/components/index.js

@@ -1,7 +1,7 @@
 import '../assets/styles.scss';
 
 import ElementPlus from 'element-plus'
-
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import SparcLogo from './SparcLogo.vue';
 import LargeModal from './LargeModal.vue'
 import SparcTooltip from './SparcTooltip.vue'
@@ -32,6 +32,8 @@ export default {
     app.component('Breadcrumb', Breadcrumb);
     app.component('IconCard', IconCard);
     app.component('ContentTabCard', ContentTabCard);
-
+    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+      app.component(key, component)
+    }
   },
 };