fix: resolve TypeScript errors in Vite config for pnpm ES modules

- Add @types/node dependency for Node.js type declarations
- Update tsconfig.node.json to include Node.js types
- Convert vite.config.ts to ES module patterns using import.meta.url
- Replace __dirname with fileURLToPath for modern Node.js compatibility
- Maintain all existing build optimizations and chunk splitting

Author: ryanaidilp

package.json

@@ -17,6 +17,7 @@
     "@tailwindcss/postcss": "^4.1.13",
     "@tailwindcss/typography": "^0.5.16",
     "@types/aos": "^3.0.7",
+    "@types/node": "^24.4.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "autoprefixer": "^10.4.21",
     "postcss": "^8.5.6",

tsconfig.node.json

@@ -5,7 +5,8 @@
     "module": "ESNext",
     "moduleResolution": "bundler",
     "allowSyntheticDefaultImports": true,
-    "strict": true
+    "strict": true,
+    "types": ["node"]
   },
   "include": ["vite.config.ts"]
 }

vite.config.ts

@@ -1,12 +1,12 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import { resolve } from 'path'
+import { fileURLToPath, URL } from 'node:url'
 
 export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@': resolve(__dirname, 'src'),
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
   },
   build: {
@@ -24,7 +24,7 @@ export default defineConfig({
     },
     rollupOptions: {
       input: {
-        main: resolve(__dirname, 'index.html'),
+        main: fileURLToPath(new URL('./index.html', import.meta.url)),
       },
       output: {
         chunkFileNames: 'assets/js/[name]-[hash].js',