quick typo fixes

Author: RoderickXii

src-electron/electron-main.ts

@@ -104,6 +104,15 @@ ipcMain.handle("exportProject", async (event, options) => {
   return { filePath };
 });
 
+ipcMain.handle("exportComponent", async (event, options) => {
+  const { dialog } = require("electron");
+  const { filePath } = await dialog.showSaveDialog(options);
+  if (filePath === "") {
+    throw new Error("No file path selected");
+  }
+  return { filePath };
+});
+
 ipcMain.handle('writeFile', async (event, filePath, content) => { //possibly merge this with 'writeJSON' handle
   // console.log('writeFile filePath:', filePath, '\n content:', content);
   console.log("writeFile filePath:", filePath);

src/components/composables/useExportComponent.js

@@ -1,5 +1,6 @@
 import { openHtmlElementMap } from "src/store/state/htmlElementMap";
 import { useStore } from "src/store/main";
+import { writeFile, checkFileExists, mkdirSync, pathJoin } from '../nav-buttons/ExportMenu.vue'
 export function useExportComponent() {
   // OVERVUE 8.0: export active component
   /**
@@ -32,7 +33,7 @@ export function useExportComponent() {
    */
 
   const createComponentCode = (componentLocation, componentName, children) => {
-    fs.writeFileSync(
+    writeFile(
       componentLocation + ".vue",
       // writeComments(componentName) +
       writeTemplate(componentName, children) +

src/components/nav-buttons/ExportMenu.vue

@@ -85,7 +85,7 @@ const showExportProjectDialog = () => {
   .catch((err: Error) => console.log(err));
 };
 
-const writeFile = async(filePath: any, content: any) => {
+export const writeFile = async(filePath: any, content: any) => {
   if (!filePath) {
     console.error('filePath is undefined');
     return;
@@ -94,18 +94,18 @@ const writeFile = async(filePath: any, content: any) => {
     .catch((error:any) => console.error(error));
 }
 
-async function checkFileExists(path:string) {
+export async function checkFileExists(path:string) {
   const fileExistBool = await ipcRenderer.invoke('check-file-exists', path);
   return fileExistBool.status;
 };
 
-const mkdirSync = async (...args:string[]) => {
+export const mkdirSync = async (...args:string[]) => {
   await ipcRenderer.invoke('mkdirSync', [...args ])
 
     .catch((error:any) => console.error(error));
 }
 
-const pathJoin = (...args:string[]) => {
+export const pathJoin = (...args:string[]) => {
   if (args.some(arg => arg === undefined)) { //undefined handler for if any args are undefined
     console.error('arguments are undefined)');
     return;
@@ -1157,7 +1157,7 @@ const createTSDeclaration = async(location: string) => {
 };
 
 const createStore = async(location: string) => {
-  let str = `import { createStore } from 'vuex';\n`;
+  let str = `import { createStore } from 'pinia';\n`;
   str += `\nconst store = createStore({`;
   str += `\n\tstate () {`;
   str += `\n\t\treturn {`;
@@ -1238,6 +1238,7 @@ const createPackage = async(location: string) => {
   str += `\n\t"dependencies": {`;
   str += `\n\t\t"vue": "^3.4.21",`;
   str += `\n\t\t"vue-router": "^4.0.12",`;
+  str += `\n\t\t"pinia": "^2.1.7"`;
   str += `\n\t\t"vuex": "^4.0.2"`;
   str += `,\n\t\t"element-plus": "^2.2.16"`;