fix fs / ipcRenderer issues on save and import

Author: lindenyoung

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

@@ -13,9 +13,10 @@
 import { computed } from "vue";
 import { useStore } from "../../../store/main.js";
 import { useCreateComponent } from "../../composables/useCreateComponent.js";
-import * as fs from "fs";
+// import * as fs from "fs";
 import { Component, HtmlElement, HtmlElementMap } from "../../../../types";
-const { ipcRenderer } = window.require("electron");
+// @ts-ignore
+const { fs, ipcRenderer } = window;
 const store = useStore();
 
 const props = defineProps(["title"]);

src/components/nav-buttons/ExportMenu.vue

@@ -34,8 +34,8 @@ Description:
 import { computed } from "vue";
 import { useStore } from "../../store/main";
 import { useExportComponent } from "../composables/useExportComponent";
-import * as fs from "fs";
-import path from "path";
+// import * as fs from "fs";
+// import path from "path";
 import {
   Component,
   HtmlElement,
@@ -45,7 +45,7 @@ import {
 
 const store = useStore();
 // @ts-ignore
-const { ipcRenderer } = window;
+const { fs, ipcRenderer } = window;
 
 const componentMap = computed(() => store.componentMap);
 const imagePath = computed(() => store.imagePath);

src/components/nav-buttons/ImportMenu.vue

@@ -31,10 +31,10 @@ Description:
 import { useStore } from "../../store/main";
 import ImportComponent from "../left-sidebar/ComponentTab/ImportComponent.vue";
 import { Component } from "../../../types";
-import * as fs from "fs";
+// import * as fs from "fs";
 const Mousetrap = require("mousetrap");
 // @ts-ignore
-const { ipcRenderer } = window;
+const { fs, ipcRenderer } = window;
 
 const store = useStore();
 

src/components/nav-buttons/SaveProject.vue

@@ -21,10 +21,10 @@ import localforage from "localforage";
 import { useStore } from "../../store/main";
 import { computed } from "vue";
 import { HtmlElement } from "app/types";
-import * as fs from "fs";
+// import * as fs from "fs";
 const Mousetrap = require("mousetrap");
 // @ts-ignore
-const { ipcRenderer } = window;
+const { fs, ipcRenderer } = window;
 
 const store = useStore();