__dirname is not defined | Vite Error

Hello all. Im am using Laravel 10 with Vite and Vue 3. I am getting this error. I looked everywhere but could not find the solution.

[vite] Internal server error: __dirname is not defined
      at file:///Users/.../project-name/node_modules/.pnpm/[email protected][email protected]/node_modules/laravel-vite-plugin/dist/index.mjs:126:39

My vite.config.js

import fs from 'fs'
import {defineConfig} from 'vite'
import laravel from 'laravel-vite-plugin'
import vue from '@vitejs/plugin-vue'
import {homedir} from 'os'
import {resolve} from 'path'

let host = "travel-and-tours.test"

export default defineConfig({
    plugins: [
        vue(),
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
    server: detectServerConfig(host),
})

function detectServerConfig(host) {
    let keyPath = resolve(homedir(), `.config/valet/Certificates/${host}.key`)
    let certificatePath = resolve(homedir(), `.config/valet/Certificates/${host}.crt`)

    if (!fs.existsSync(keyPath)) {
        return {}
    }

    if (!fs.existsSync(certificatePath)) {
        return {}
    }

    return {
        hmr: {host},
        host,
        https: {
            key: fs.readFileSync(keyPath),
            cert: fs.readFileSync(certificatePath),
        },
    }
}