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 @@
+
@@ -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) + } }, };