Error when building with Nuxt 3

[lucassimines]

Describe the bug
A clear and concise description of what the bug is.

 ERROR  [nuxt] [request error] [unhandled] [500] Named export 'MarkerClusterer' not found. The requested module 'file:///Users/lucassimines/FMCX/FMCX%20Dashboard/fmcx-one/node_modules/@googlemaps/markerclusterer/dist/index.umd.js' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from 'file:///Users/lucassimines/FMCX/FMCX%20Dashboard/fmcx-one/node_modules/@googlemaps/markerclusterer/dist/index.umd.js';
const { MarkerClusterer } = pkg;

To Reproduce
Steps to reproduce the behavior:

1. Setup Nuxt 3 app
2. Create a vue-google-maps plugin
3. Nuxt 3 npm run build

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Macos Monterrey
• Browser: Chrome
• Version: 104.0.5112.101

Additional context
Add any other context about the problem here.

[lucassimines]

Solved this issue by adding @googlemaps/markerclusterer into nuxt.config.ts build:

build: {
    transpile: ['@fawmi/vue-google-maps', '@googlemaps/markerclusterer']
}

[rumblecat]

This also fixed the issue for us, thanks.