add file-loader for svg

Author: RoderickXii

package-lock.json

@@ -42,6 +42,7 @@
     "core-js": "^3.21.1",
     "dotenv": "^16.0.0",
     "element-plus": "^2.2.16",
+    "file-loader": "^6.2.0",
     "fs-extra": "^11.2.0",
     "http": "^0.0.1-security",
     "https": "^1.0.0",

package.json

@@ -251,7 +251,14 @@ module.exports = configure(function (ctx) {
           },
         ],
       },
-
+      extendWebpack (cfg) {
+        cfg.module.rules.push({
+          test: /\.svg$/,
+          use: [
+            'file-loader'
+          ]
+        })
+      },
       // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
       chainWebpackMain(chain) {
         chain

quasar.conf.js

@@ -1131,9 +1131,9 @@ const createPackage = async(location: string) => {
   str += `\n\t},`;
   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"vue-router": "^4.3.0",`;
   str += `\n\t\t"pinia": "^2.1.7"`;
-  str += `,\n\t\t"element-plus": "^2.2.16"`;
+  str += `,\n\t\t"element-plus": "^2.6.2"`;
 
   if (exportOauth.value === "on" || exportOauthGithub.value === "on") {
     str += `,\n\t\t "firebase": "^9.6.9"`;
@@ -1142,8 +1142,8 @@ const createPackage = async(location: string) => {
   str += `\n\t"devDependencies": {`;
   str += `\n\t\t"@vitejs/plugin-vue": "^5.0.4",`;
   str += `\n\t\t"eslint": "^8.5.0",`;
-  str += `\n\t\t"eslint-plugin-vue": "^8.2.0",`;
-  str += `\n\t\t"vite": "^5.2.0"`;
+  str += `\n\t\t"eslint-plugin-vue": "^9.24.0",`;
+  str += `\n\t\t"vite": "^5.2.6"`;
   if (importTest.value === "on") {
     str += `,\n\t\t"@babel/core": "^7.12.16",`;
     str += `\n\t\t"@babel/eslint-parser": "^7.12.16",`;
@@ -1157,12 +1157,12 @@ const createPackage = async(location: string) => {
     str += `\n\t\t"jest": "^27.0.5"`;
   }
   if (exportAsTypescript.value === "on") {
-    str += `,\n\t\t"@rushstack/eslint-patch": "^1.1.0",`;
+    str += `,\n\t\t"@rushstack/eslint-patch": "^1.8.0",`;
     str += `\n\t\t"@vue/tsconfig": "^0.1.3",`;
-    str += `\n\t\t"typescript": "^5.2.2",`;
-    str += `\n\t\t"vue-tsc": "^2.0.6",`;
-    str += `\n\t\t"@types/node": "^16.11.25",`;
-    str += `\n\t\t"@vue/eslint-config-typescript": "^10.0.0"`;
+    str += `\n\t\t"typescript": "^5.4.3",`;
+    str += `\n\t\t"vue-tsc": "^2.0.7",`;
+    str += `\n\t\t"@types/node": "^20.11.30",`;
+    str += `\n\t\t"@vue/eslint-config-typescript": "^13.0.0"`;
   }
   str += `\n\t}\n}`;
   // fs.writeFileSync(path.join(location, "package.json"), str);

src/components/nav-buttons/ExportMenu.vue

@@ -316,9 +316,9 @@ test('renders ${componentName}', () => {
         return "";
       }
     },
-    /**
-     * @description creates the <router-link> boilerplate for /views/components
-     * also creates the <template></template> tag for each component
+    /*
+     @description creates the <router-link> boilerplate for /views/components
+     also creates the <template></template> tag for each component
      */
     writeTemplate(componentName, children, routes) {
       let str = "";
@@ -382,6 +382,8 @@ test('renders ${componentName}', () => {
       } else {
         return `<template>\n<div>\n\t${str}${templateTagStr}${routeStr}\t</div>\n</template>`;
       }
+
+    -->
     },
     /*
      <!-- @description imports child components into <script> -->

src/components/nav-buttons/ExportMenuOptions.vue

@@ -5,7 +5,7 @@ const { ipcRenderer } = window;
 const types = [
   {
     name: 'images',
-    extensions: ['jpg', 'jpeg', 'png']
+    extensions: ['jpg', 'jpeg', 'png', 'svg']
   }
 ]