modularized the client-side handlers

Author: RoderickXii

[object Promise].vue

@@ -0,0 +1,23 @@
+<template>
+  <div>
+    <div></div>
+    <button></button>
+    <form></form>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'parents',
+  components: {
+  },
+  data () {
+    return {
+    }
+  },
+};
+</script>
+
+<style scoped>
+</style >

src-electron/electron-main.ts

@@ -99,7 +99,7 @@ ipcMain.handle("exportProject", async (event, options) => {
   return { filePath };
 });
 
-ipcMain.handle("useExportComponent", async (event, options) => {
+ipcMain.handle("exportComponent", async (event, options) => {
   const { dialog } = require("electron");
   const { filePath } = await dialog.showSaveDialog(options);
   if (filePath === "") {

src/components/Canvas.vue

@@ -374,7 +374,8 @@
                 <q-icon color="primary" name="edit_note" />
               </q-item-section>
             </q-item>
-            <q-item
+            <!-- export requires an updated function -->
+            <!-- <q-item
               clickable
               v-ripple
               v-close-popup
@@ -384,7 +385,7 @@
               <q-item-section avatar>
                 <q-icon color="primary" name="upload" />
               </q-item-section>
-            </q-item>
+            </q-item> -->
             <q-item clickable v-ripple v-close-popup @click="handleEditColor">
               <q-item-section>Edit Color</q-item-section>
               <q-item-section avatar>