From 8d2d0c6d77786dddb37c0035cbc819bbcc41c46f Mon Sep 17 00:00:00 2001
From: szymon <szymon@magico.pl>
Date: Mon, 1 Jul 2024 12:41:01 +0200
Subject: [PATCH] fix

---
 package.json                         |  2 +-
 src/components/MagicoPagebuilder.vue | 73 +++++++++++++++-------------
 2 files changed, 41 insertions(+), 34 deletions(-)

diff --git a/package.json b/package.json
index 30d4f59..ecdfa87 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "magico-pagebuilder",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "private": true,
   "scripts": {
     "dev": "vite",
diff --git a/src/components/MagicoPagebuilder.vue b/src/components/MagicoPagebuilder.vue
index 28e1670..6293c7e 100644
--- a/src/components/MagicoPagebuilder.vue
+++ b/src/components/MagicoPagebuilder.vue
@@ -27,7 +27,7 @@
               <li>
                 <a
                   @click.prevent="
-                    modalLoad = !modalLoad
+                    modalLoad = !modalLoad;
                     pageType = { name: null }
                   "
                   class="dropdown-item"
@@ -38,7 +38,7 @@
               <li>
                 <a
                   @click.prevent="
-                    modalSave = !modalSave
+                    modalSave = !modalSave;
                     pageType = { name: null }
                   "
                   class="dropdown-item"
@@ -47,7 +47,13 @@
                 >
               </li>
               <li v-if="descriptionAllegro">
-                <a @click.prevent="pasteAllegro" class="dropdown-item" href="#"
+                <a
+                  @click.prevent="
+                  pasteAllegro
+                  "
+                  
+                  class="dropdown-item"
+                  href="#"
                   >Wklej opis <i>Allegro</i></a
                 >
               </li>
@@ -65,7 +71,7 @@
         @start="drag = true"
         item-key="d"
         @end="
-          drag = false
+          drag = false;
           onChange()
         "
       >
@@ -141,7 +147,7 @@
         <!-- <textarea style="display:none" :name="namex">{{ comps }}</textarea> --><button
           class="btn btn-block btn-primary mt-4"
           @click.prevent="
-            modalAddSection = !modalAddSection
+            modalAddSection = !modalAddSection;
             optionx = false
           "
         >
@@ -205,7 +211,7 @@ export default {
     }
   },
   computed: {
-    descriptionAllegro: function () {
+    descriptionAllegro: function(){
       return localStorage.getItem('description_clipboard')
     }
   },
@@ -258,43 +264,44 @@ export default {
       this.pageType.body = this.pageType.source
       this.changeBody()
     },
-    pasteAllegro: function () {
-      let sections = this.descriptionAllegro
+    pasteAllegro: function(){
+      let sections = this.descriptionAllegro;
       try {
-        sections = JSON.parse(sections)
-      } catch (e) {
+        sections = JSON.parse(sections);
+    } catch (e) {
         if (e instanceof SyntaxError) {
-          sections = [{ name: 'Tekst', cols: [{ type: 'text', value: sections, size: 12 }] }]
+            sections = [{ name: 'Tekst', cols: [{ type: 'text', value: sections, size: 12 }] }];
         }
-      }
+    }
 
-      const pagebuilder = sections.map((item) => {
-        const columns = []
+    const pagebuilder = sections.map(item => {
+        const columns = [];
 
         if (item.cols && Array.isArray(item.cols)) {
-          item.cols.forEach((col) => {
-            const column = {
-              type: 'container',
-              name: 'col-md-' + col.size,
-              items: [
-                {
-                  name: col.type === 'img' ? 'core_section_image' : 'core_section_textarea',
-                  text: col.value
+            item.cols.forEach(col => {
+                const column = {
+                   
+                    type:"container",
+                    name: 'col-md-' + col.size,
+                    items: [
+                        {
+                            name: (col.type === 'img' ? 'core_section_image' : 'core_section_textarea'),
+                            text: col.value,
+                        }
+                    ]
+                };
+                if (col.type === 'img' && col.figcaption) {
+                    column.items[0]['figcaption'] = col.figcaption;
                 }
-              ]
-            }
-            if (col.type === 'img' && col.figcaption) {
-              column.items[0]['figcaption'] = col.figcaption
-            }
-            columns.push(column)
-          })
+                columns.push(column);
+            });
         }
 
-        return { columns, label: '', name: '' }
-      })
+        return { columns,label:'',name:'' };
+    });
 
-      this.comps = pagebuilder
-      this.onChange()
+     this.comps = pagebuilder;
+     this.onChange();
     },
     changeBody() {
       var t = this