(frontend) move to ESM modules to satisfy vite

Author: enchant97

frontend/package-lock.json

@@ -4,6 +4,7 @@
   "description": "",
   "private": true,
   "license": "AGPL-3.0-only",
+  "type": "module",
   "scripts": {
     "wasm": "wasm-pack build ./renderer --target bundler",
     "dev": "vite",
@@ -14,7 +15,7 @@
     "@types/dompurify": "^3.0.5",
     "@types/feather-icons": "^4.29.4",
     "autoprefixer": "^10.4.16",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.32",
     "tailwindcss": "^3.4.0",
     "typescript": "^5.3.3",
     "vite": "^5.0.10",

frontend/package.json

@@ -1,7 +1,10 @@
-module.exports = {
+/** @type {import('postcss-load-config').Config} */
+const config = {
   purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
   plugins: {
     tailwindcss: {},
     autoprefixer: {},
   },
-};
+}
+
+module.exports = config

frontend/postcss.config.js renamed to frontend/postcss.config.cjs

@@ -1,5 +1,6 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
+import type { Config } from 'tailwindcss'
+
+export default {
   content: [
     './index.html',
     './src/**/*.{js,ts,jsx,tsx,css,md,mdx,html,json,scss}',
@@ -26,4 +27,4 @@ module.exports = {
       },
     ],
   },
-};
+} satisfies Config