From 9262dc2d3d2971198fc59af9a0d90ba4f49f39cc Mon Sep 17 00:00:00 2001
From: Eric Gauzens <ericgauzens@hotmail.com>
Date: Tue, 5 Dec 2023 14:08:54 -0500
Subject: [PATCH] Added Element Plus icons

---
 package.json            | 7 ++++---
 src/App.vue             | 6 ++++--
 src/components/index.js | 6 ++++--
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 18d0166..fa92391 100644
--- a/package.json
+++ b/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",
diff --git a/src/App.vue b/src/App.vue
index 300d95d..33a02ab 100644
--- a/src/App.vue
+++ b/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() {
diff --git a/src/components/index.js b/src/components/index.js
index c5a7a4a..3c6a451 100644
--- a/src/components/index.js
+++ b/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)
+    }
   },
 };