ci: update dependencies

- fixes #494
- fixes #411
- fixes #490
- bump vitest from 1.3.1 to 1.6.1
- bump unplugin-vue-components from 0.26.0 to 0.28.0
- bump typescript from 5.3.3 to 5.7.3
- bump @vitejs/plugin-vue from 5.0.4 to 5.2.1
- bumped min node version from >=21.4.0 to >= 22.0.0 as needed for vite ^6.0.0

package.json

@@ -10,7 +10,7 @@
   "license": "MIT",
   "type": "module",
   "engines": {
-    "node": ">=21.4.0",
+    "node": ">=22.0.0",
     "npm": ">=10.2.5"
   },
   "scripts": {
@@ -33,7 +33,7 @@
     "@types/chrome": "0.0.260",
     "@typescript-eslint/eslint-plugin": "7.0.2",
     "@typescript-eslint/parser": "7.0.2",
-    "@vitejs/plugin-vue": "5.0.4",
+    "@vitejs/plugin-vue": "5.2.1",
     "@vue/eslint-config-typescript": "12.0.0",
     "bootstrap": "5.3.3",
     "bootstrap-vue-next": "0.16.6",
@@ -51,20 +51,20 @@
     "eslint-plugin-unicorn": "51.0.1",
     "eslint-plugin-vitest": "0.3.22",
     "eslint-plugin-vue": "9.21.1",
-    "jsdom": "^24.0.0",
+    "jsdom": "24.0.0",
     "prettier": "3.2.5",
     "prettier-eslint": "16.3.0",
     "puppeteer": "22.15.0",
     "sass": "1.71.1",
     "ts-node": "10.9.2",
-    "typescript": "5.3.3",
-    "unplugin-vue-components": "0.26.0",
-    "vite": "5.4.14",
+    "typescript": "5.7.3",
+    "unplugin-vue-components": "0.28.0",
+    "vite": "6.1.0",
     "vite-plugin-web-extension": "4.4.3",
-    "vitest": "^1.3.1",
+    "vitest": "1.6.1",
     "vue": "3.4.19",
     "vue-dndrop": "1.3.1",
-    "vue-eslint-parser": "^9.4.2",
-    "vue-tsc": "1.8.27"
+    "vue-eslint-parser": "9.4.2",
+    "vue-tsc": "2.0.29"
   }
 }

src/manifest.ts

@@ -1,5 +1,5 @@
 /* eslint-disable camelcase */
-import pkg from '../package.json';
+import pkg from '../package.json' with { type: 'json' };
 
 const icons = {
     16: 'icons/icon16.png',

src/styles/global.scss

@@ -32,5 +32,5 @@ $btn-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
 }
 $modal-content-border-radius: 2px;
 
-@import 'node_modules/bootstrap/scss/bootstrap';
+@import 'bootstrap/scss/bootstrap';
 @import 'bootstrap-vue-next/dist/bootstrap-vue-next.css';

tsconfig.json

@@ -25,5 +25,6 @@
     "removeComments": true,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
+    "types": ["vite/client", "chrome"],
   }
 }

vite-env.d.ts

@@ -0,0 +1,16 @@
+// eslint-disable-next-line eslint-comments/disable-enable-pair
+/* eslint-disable @typescript-eslint/no-explicit-any */
+declare module '@vitejs/plugin-vue' {
+    const vue: () => any;
+    export default vue;
+}
+
+declare module 'vite-plugin-web-extension' {
+    const webExtension: (options: any) => any;
+    export default webExtension;
+}
+
+declare module 'unplugin-vue-components/vite' {
+    const Components: (options?: any) => any;
+    export default Components;
+}

vite.config.ts

@@ -1,20 +1,19 @@
 import { BootstrapVueNextResolver } from 'unplugin-vue-components/resolvers';
 import Components from 'unplugin-vue-components/vite';
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vitest/config';
 import { getManifest } from './src/manifest.ts';
 import vue from '@vitejs/plugin-vue';
 import webExtension from 'vite-plugin-web-extension';
 
 // https://vitejs.dev/config/
-export default defineConfig(() => {
-    return {
-        plugins: [
-            vue(),
-            webExtension({ manifest: getManifest }),
-            Components({ resolvers: [BootstrapVueNextResolver()], dts: false }),
-        ],
-        build: { target: 'ESNext' },
-        // eslint-disable-next-line unicorn/relative-url-style
-        resolve: { alias: { '~': new URL('./src', import.meta.url).pathname } },
-    };
+export default defineConfig({
+    plugins: [
+        vue(),
+        webExtension({ manifest: getManifest }),
+        // eslint-disable-next-line deprecation/deprecation
+        Components({ resolvers: [BootstrapVueNextResolver()], dts: false }),
+    ],
+    build: { target: 'ESNext' },
+    // eslint-disable-next-line unicorn/relative-url-style
+    resolve: { alias: { '~': new URL('./src', import.meta.url).pathname } },
 });

vitest.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vitest/config';
 import vue from '@vitejs/plugin-vue';
 
 export default defineConfig({