minor updates to code snippet

Author: jchan444

src/components/composables/useExportComponent.js

@@ -248,6 +248,7 @@ export function useExportComponent() {
         let styleString = "";
 
         if(this.componentMap[componentName].htmlAttributes.class !== "") {
+          console.log(this)
           styleString += `.${this.componentMap[componentName].htmlAttributes.class} {\nbackground-color: ${this.componentMap[componentName].color};
   width: ${this.componentMap[componentName].w}px;
   height: ${this.componentMap[componentName].h}px;

src/components/nav-buttons/SaveProject.vue

@@ -44,8 +44,11 @@ export default {
             },
           ],
         })
-        .then((res) => this.saveJSONLocation(res.filePath))
-        .catch((err) => console.log(err));
+        .then((res) => {
+          this.saveJSONLocation(res.filePath)
+          })
+        .catch((err) => {
+          console.log(err)});
     },
     // returns location of where file is stored
     parseFileName(file) {
@@ -83,7 +86,10 @@ export default {
       localforage
         .removeItem(deleteKey)
         .then(function () {})
-        .catch(function (err) {});
+        .catch(function (err) {
+          console.log('error')
+          console.log(err)
+        });
 
       let fileName = this.parseFileName(data);
       // if valid fileName

src/components/right-sidebar/CodeSnippet.vue

@@ -285,17 +285,17 @@ export default {
       let styleString = "";
 
       if (this.activeComponentObj.htmlAttributes.class !== "") {
-        styleString += `.${this.activeComponentObj.htmlAttributes.class} { \nbackground- color: ${this.activeComponentObj.color};
-      width: ${this.activeComponentObj.w} px;
-      height: ${this.activeComponentObj.h} px;
-      z - index: ${this.activeComponentObj.z};
-    } \n`
+        styleString += `.${this.activeComponentObj.htmlAttributes.class} { \n background-color: ${this.activeComponentObj.color};
+ width: ${this.activeComponentObj.w} px;
+ height: ${this.activeComponentObj.h} px;
+ z-index: ${this.activeComponentObj.z};
+} \n`
       }
 
       for (const html of htmlArray) {
         if (html.class === ' ') styleString = "";
         if (html.class) {
-          styleString += `.${html.class} {\n height: ${html.h}%, \n width: ${html.w}%, \n  top: ${html.x}%, \n left: ${html.y}%, \n z-index: ${html.z}
+          styleString += `.${html.class} {\n height: ${html.h}%; \n width: ${html.w}%; \n top: ${html.x}%; \n left: ${html.y}%; \n z-index: ${html.z};
 }\n`
         }
       }