debugged card component

Author: Emma Genesen

src/components/composables/useExportComponent.js

@@ -65,6 +65,7 @@ export function useExportComponent() {
           'e-checkbox-button': ["<el-checkbox-button", "</el-checkbox-button>"],
           'e-date-picker': ["<el-date-picker", "</el-date-picker>"],
           'e-slider':["<el-slider", "</el-slider>"],
+          'e-card': ["<el-card", "</el-card>"],
 
         };
         // function to loop through nested elements

src/components/left-sidebar/ComponentTab/ImportComponent.vue

@@ -142,6 +142,7 @@ export default {
         'e-checkbox-button': ["<el-checkbox-button", "</el-checkbox-button>"],
         'e-date-picker': ["<el-date-picker", "</el-date-picker>"],
         'e-slider':["<el-slider", "</el-slider>"],
+        'e-card': ["<el-card", "</el-card>"],
       };
 
 

src/components/left-sidebar/ComponentTab/InputHTMLMenu.vue

@@ -157,7 +157,7 @@ import { mapState, mapActions } from 'vuex'
 export default {
   data () {
     return {
-      exceptions: ['div','button','form','img','list','paragraph','list-ol','list-ul','input','h1','h2','h3','h4','h5','h6','e-button','e-input','e-link', 'e-form', 'e-checkbox', 'e-checkbox-button', 'e-date-picker', 'e-slider'],
+      exceptions: ['div','button','form','img','list','paragraph','list-ol','list-ul','input','h1','h2','h3','h4','h5','h6','e-button','e-input','e-link', 'e-form', 'e-checkbox', 'e-checkbox-button', 'e-date-picker', 'e-slider', 'e-card'],
       attributeModal : "false",
       classText: '',
       heightText: '',

src/components/nav-buttons/ExportMenu.vue

@@ -155,6 +155,7 @@ export default {
         'e-checkbox-button': ["<el-checkbox-button", "</el-checkbox-button>"],
         'e-date-picker': ["<el-date-picker", "</el-date-picker>"],
         'e-slider':["<el-slider", "</el-slider>"],
+        'e-card': ["<el-card", "</el-card>"],
       };
       // function to loop through nested elements
       function writeNested(childrenArray, indent) {

src/components/right-sidebar/CodeSnippet.vue

@@ -115,6 +115,7 @@ export default {
         'e-checkbox-button': ["<el-checkbox-button", "</el-checkbox-button>"],
         'e-date-picker': ["<el-date-picker", "</el-date-picker>"],
         'e-slider':["<el-slider", "</el-slider>"],
+        'e-card': ["<el-card", "</el-card>"],
       };
 
       // Helper function that recursively iterates through the given html element's children and their children's children.

src/store/state/htmlElementMap.js

@@ -26,7 +26,8 @@ const htmlElementMap = {
   'e-checkbox': ["<el-checkbox", "</el-checkbox>"],
   'e-checkbox-button': ["<el-checkbox-button", "</el-checkbox-button>"],
   'e-date-picker': ["<el-date-picker", "</el-date-picker>"],
-  'e-slider':["<el-slider", "</el-slider>"],
+  'e-slider': ["<el-slider", "</el-slider>"],
+  'e-card': ["<el-card", "</el-card>"],
 }
 
 export default htmlElementMap