diff --git a/src/electron/renderer/ElectronApp.vue b/src/electron/renderer/ElectronApp.vue
index 1292de97..397ddb64 100644
--- a/src/electron/renderer/ElectronApp.vue
+++ b/src/electron/renderer/ElectronApp.vue
@@ -128,7 +128,7 @@
 import shortid from 'shortid';
 import { enrichSchemeWithDefaults } from '../../ui/scheme/Scheme';
 import { Keys, simulateKeyPress } from '../../ui/events';
-import SchemioEditorApp from '../../ui/SchemioEditorApp.vue';
+import SchemioEditorApp from '../../ui/components/SchemioEditorApp.vue';
 import Navigator from './Navigator.vue';
 import History from '../../ui/history/History';
 import FileTabPanel from './FileTabPanel.vue';
@@ -208,7 +208,7 @@ export default {
         window.electronAPI.$on('file:exportStatic:stopped', this.onStaticExporterStopped);
         window.electronAPI.$on('menu:contextMenuOptionSelected', this.onContextMenuOptionSelected);
         window.electronAPI.$on('file:openProject', this.onMenuFileOpenProject);
-        window.electronAPI.$on('file:exportAsPNG', this.onFileExportAsPNG);
+        window.electronAPI.$on('file:exportAsJSON', this.onFileExportAsJSON);
         window.electronAPI.$on('file:importDiagramFromText', this.onImportDiagramFromText);
         window.electronAPI.$on('project-selected', this.onProjectSelected);
 
diff --git a/src/ui/components/editor/CreateItemMenu.vue b/src/ui/components/editor/CreateItemMenu.vue
index 220a1876..01f4b73c 100644
--- a/src/ui/components/editor/CreateItemMenu.vue
+++ b/src/ui/components/editor/CreateItemMenu.vue
@@ -31,7 +31,7 @@
                 </div>
             </div>
 
-            <panel v-for="panel in filteredItemPanels" v-if="panel.items.length > 0" :name="panel.name">
+            <panel v-for="panel in filteredItemPanels" :key="panel.id" v-if="panel.items.length > 0" :name="panel.name">
                 <div class="item-menu">
                     <div v-for="item in panel.items"
                         class="item-container"
@@ -49,7 +49,7 @@
                 </div>
             </panel>
 
-            <panel v-for="panel in extraShapeGroups" :name="panel.name">
+            <panel v-for="panel in extraShapeGroups" :key="panel.id"  :name="panel.name">
                 <div class="item-menu">
                     <div v-for="item in panel.items"
                         class="item-container"
@@ -67,7 +67,7 @@
                 </div>
             </panel>
 
-            <panel v-for="panel in customItemMenuPanels" :name="panel.name">
+            <panel v-for="panel in customItemMenuPanels" :key="panel.id"  :name="panel.name">
                 <component :is="panel.component"
                     :search-keyword="searchKeyword"
                     :editor-id="editorId"
@@ -117,7 +117,7 @@
                 </div>
             </panel>
 
-            <panel v-for="artPack in filteredArtPacks" v-if="artPack.icons.length > 0" :name="artPack.name" :closable="true" @close="closeArtPack(artPack)">
+            <panel v-for="artPack in filteredArtPacks" :key="artPack.id" v-if="artPack.icons.length > 0" :name="artPack.name" :closable="true" @close="closeArtPack(artPack)">
                 <div class="art-pack">
                     <div class="art-pack-author" v-if="artPack.author">
                         Created by
@@ -127,6 +127,7 @@
                     <div class="item-menu">
                         <div class="item-container"
                             v-for="icon in artPack.icons"
+                            :key="icon.id"
                             v-if="!searchKeyword || safeTextMatchKeyword(icon.name) || safeTextMatchKeyword(icon.description)"
                             @mouseover="showPreviewArt(icon)"
                             @mouseleave="stopPreviewArt(icon)"
diff --git a/src/ui/components/editor/items/AdvancedFill.vue b/src/ui/components/editor/items/AdvancedFill.vue
index 5444f48d..185084b6 100644
--- a/src/ui/components/editor/items/AdvancedFill.vue
+++ b/src/ui/components/editor/items/AdvancedFill.vue
@@ -16,10 +16,10 @@
 
         <defs v-if="fill.type === 'gradient' && fill.gradient">
             <linearGradient v-if="fill.gradient.type === 'linear'" :id="fillId" :x1="`${direction.x1}%`" :y1="`${direction.y1}%`" :x2="`${direction.x2}%`" :y2="`${direction.y2}%`" >
-                <stop v-for="color in fill.gradient.colors"  :style="{'stop-color': color.c}" :offset="`${color.p}%`"/>
+                <stop v-for="color in fill.gradient.colors" :key="color.id" :style="{'stop-color': color.c}" :offset="`${color.p}%`"/>
             </linearGradient>
             <radialGradient v-if="fill.gradient.type === 'radial'" :id="fillId" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
-                <stop v-for="color in fill.gradient.colors"  :style="{'stop-color': color.c}" :offset="`${color.p}%`"/>
+                <stop v-for="color in fill.gradient.colors" :key="color.id" :style="{'stop-color': color.c}" :offset="`${color.p}%`"/>
             </radialGradient>
         </defs>
     </g>