cnx-public/vue-google-maps-community-fork
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Simplify Nuxt 3 usage documentation

Browse Source
This commit is contained in:
Josef Jelínek
2022-07-07 14:59:50 +02:00
committed by GitHub
parent 1f0a9358cd
commit 2d8c847881
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@@ -238,7 +238,7 @@ See [MapOptions](https://developers.google.com/maps/documentation/javascript/ref
Many other components are also supported. Checkout [docs](https://vue-map.netlify.app) for more. Many other components are also supported. Checkout [docs](https://vue-map.netlify.app) for more.
### Nuxt 3 usage ## Nuxt 3 usage
First add `@fawmi/vue-google-maps` to `build.transpile` property in your `nuxt.config.ts`. First add `@fawmi/vue-google-maps` to `build.transpile` property in your `nuxt.config.ts`.
@@ -250,7 +250,7 @@ export default defineNuxtConfig({
}) })
``` ```
Then create a plugin `~/plugin/vueGoogleMaps.ts`, you can store the API key in publicRuntimeConfig, checkout [nuxt docs](https://nuxtjs.org/docs/directory-structure/nuxt-config#runtimeconfig). Then create a plugin `~/plugin/vueGoogleMaps.ts`.
```ts ```ts
import { defineNuxtPlugin } from '#app' import { defineNuxtPlugin } from '#app'
@@ -259,7 +259,7 @@ import VueGoogleMaps from '@fawmi/vue-google-maps'
export default defineNuxtPlugin((nuxtApp) => { export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(VueGoogleMaps, { nuxtApp.vueApp.use(VueGoogleMaps, {
load: { load: {
key: nuxtApp.$config.googleApiKey, key: 'YOUR_GOOGLE_API_KEY',
}, },
}) })
}) })