Resort to using url-loader, and update azure file

Author: BogdanW3

azure-pipelines.yml

@@ -11,7 +11,7 @@ jobs:
   steps:
   - task: NodeTool@0
     inputs:
-      versionSpec: '16.x'
+      versionSpec: '22.x'
     displayName: 'Install Node.js'
 
   - script: npm install
@@ -57,7 +57,7 @@ jobs:
   steps:
   - task: NodeTool@0
     inputs:
-      versionSpec: '16.x'
+      versionSpec: '22.x'
     displayName: 'Install Node.js'
 
   - powershell: | 

package-lock.json

@@ -90,6 +90,7 @@
     "ts-loader": "^7.0.0",
     "tslib": "1.11.1",
     "typescript": "4.9.5",
+    "url-loader": "^4.1.1",
     "vue-cli-plugin-electron-builder": "^2.0.0",
     "webpack": ">=5.0.0"
   },

package.json

@@ -16,7 +16,7 @@
         </div>
       </div>
       <div class="content-modal-wrapper">
-        <div class="static-bg" />
+        <div class="static-bg" ></div>
         <div class="content-modal">
           <router-view />
         </div>

src/App.vue

@@ -1,6 +1,6 @@
 import { EventEmitter } from 'events';
 import dgram from 'dgram';
-import { IFloNetworkTest, IFloNetworkTestRequest, IFloNodeNetworkInfo } from '@/types/flo-types';
+import { IFloNetworkTest, IFloNetworkTestRequest } from '@/types/flo-types';
 import { FloNodeNetworkInfoWrapper } from './flo-node-network-wrapper';
 import { ENodeNetworkTesterEvents } from './node-network-tester';
 import { BrowserWindow, ipcMain, IpcMainEvent } from 'electron';

src/background-thread/flo/flo-network-test.service.ts

@@ -2,6 +2,7 @@ const { defineConfig } = require('@vue/cli-service')
 const webpack = require('webpack')
 
 module.exports = defineConfig({
+  publicPath: "/",
   pluginOptions: {
     electronBuilder: {
       externals: [
@@ -51,6 +52,14 @@ module.exports = defineConfig({
     }
   },
   configureWebpack: (config) => {
+    config.module.rules = [...config.module.rules, {
+      test: /\.(png|jpg|gif|svg|xcf|otf)$/i,
+      loader: 'url-loader',
+      options: {
+        esModule: false,
+      },
+      type: 'javascript/auto'
+    }]
     if (process.env.NODE_ENV === "development") {
       config.devtool = "eval-source-map";
       config.output.devtoolModuleFilenameTemplate = (info) =>