chore: move all images to assets

.nvmrc

@@ -1 +1 @@
-v16.13.2
+v20.10.0

src/manifest.mjs

@@ -64,7 +64,7 @@ export async function getManifest() {
       {
         resources: [
           "components/*",
-          "images/*",
+          "assets/*",
           "lib/*",
           "pages/*",
           "scripts/*",

src/scripts/contentScriptPortal.js

@@ -6,9 +6,9 @@ import { NextAPI } from "../services/NextAPI";
 import Axios from "axios";
 import Toastify from "toastify-js";
 import "toastify-js/src/toastify.css";
-const loading = require("../images/loading.svg");
-const errorSVG = require("../images/error.svg");
-const logoWhite = require("../images/logo-white.svg");
+const loading = require("../assets/loading.svg");
+const errorSVG = require("../assets/error.svg");
+const logoWhite = require("../assets/logo-white.svg");
 
 const nextApi = NextAPI();
 

src/views/Matricula.vue

@@ -2,7 +2,7 @@
   <div class="ufabc-row filters">
     <div class="mr-3 ufabc-row ufabc-align-center">
       <img
-        :src="getUrl('/images/icon-128.png')"
+        :src="getUrl('/assets/icon-128.png')"
         style="width: 32px; height: 32px"
       />
     </div>

src/views/Popup/Popup.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="ufabc-next-popup">
-    <img src="../../images/logo.svg" width="150" height="33" />
+    <img src="/assets/logo.svg" width="150" height="33" />
 
     <div class="intro">
       <div class="loading" v-if="loading">

tasks/mvsw.dev.mjs

@@ -4,7 +4,7 @@ import { logger } from "./utils.mjs";
 
 (async () => {
   try {
-    await cp(resolve("src/images"), resolve("extension/dev/assets"), {
+    await cp(resolve("src/assets"), resolve("extension/dev/assets"), {
       recursive: true,
     });
     await rename(

tasks/mvsw.prod.mjs

@@ -3,8 +3,7 @@ import { cp, rename, rm } from "node:fs/promises";
 
 (async () => {
   try {
-    console.log(resolve("src/images"));
-    await cp(resolve("src/images"), resolve("extension/prod/assets"), {
+    await cp(resolve("src/assets"), resolve("extension/prod/assets"), {
       recursive: true,
     });
     await rename(

vite.config.mjs

@@ -1,4 +1,4 @@
-import { resolve, dirname } from "node:path";
+import { resolve, dirname, relative } from "node:path";
 import { fileURLToPath } from "node:url";
 import { defineConfig } from "vite";
 import Vue2 from "@vitejs/plugin-vue2";
@@ -41,8 +41,11 @@ export default defineConfig(({ command }) => {
         name: "assets-rewrite",
         enforce: "post",
         apply: "build",
-        transformIndexHtml(html) {
-          return html.replace(/"\/assets\//g, '"../images/');
+        transformIndexHtml(html, { path }) {
+          return html.replace(
+            /"\/assets\//g,
+            `"${relative(dirname(path), "/assets")}/`
+          );
         },
       },
     ],