From 98d5924c60e6341af7f4fa389ffecbe92ca38027 Mon Sep 17 00:00:00 2001 From: NathanAP Date: Fri, 4 Nov 2022 17:32:02 -0300 Subject: [PATCH] Updated readme and docs with some info about Nuxt 3 configuration. --- README.md | 3 ++- docs/src/index.md | 16 ++++++++++++++++ 2 files changed, 18 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index c64a620..adcee18 100644 --- a/README.md +++ b/README.md @@ -267,11 +267,12 @@ Many other components are also supported. Checkout [docs](https://vue-map.netlif Warning: this is part of the old documentation and I never used Nuxt, please let me know if it will work properly this way. -In order to your Nuxt 3 project work properly with this library, you need to add `vue-google-maps-community-fork` to `build.transpile` property in your `nuxt.config.ts`. +In order to your Nuxt 3 project work properly with this library, you need to add `vue-google-maps-community-fork` to `build.transpile` property in your `nuxt.config.ts`. Also, as pointed [here](https://github.com/NathanAP/vue-google-maps-community-fork/issues/14), you will need to add `@googlemaps/markercluster` into it as well for your builded project work properly. Here is an example: + ```ts export default defineNuxtConfig({ build: { diff --git a/docs/src/index.md b/docs/src/index.md index 9c31a02..8e289fa 100644 --- a/docs/src/index.md +++ b/docs/src/index.md @@ -53,6 +53,22 @@ app .mount('#app') ``` +### Configuration for Nuxt + +Warning: this is part of the old documentation and I never used Nuxt, please let me know if it will work properly this way. + +In order to your Nuxt 3 project work properly with this library, you need to add `vue-google-maps-community-fork` to `build.transpile` property in your `nuxt.config.ts`. + +Also, as pointed [here](https://github.com/NathanAP/vue-google-maps-community-fork/issues/14), you will need to add `@googlemaps/markercluster` into it as well for your builded project work properly. + +```ts +export default defineNuxtConfig({ + build: { + transpile: ['vue-google-maps-community-fork', '@googlemaps/markercluster'], + }, +}) +``` + ### Great! Now you can use anywhere in your components Here are some examples: