Skip to content

Commit

Permalink
Merge pull request #136 from grunghi/patch-1
Browse files Browse the repository at this point in the history
Simplify Nuxt 3 usage documentation
  • Loading branch information
fawmi authored Jul 16, 2022
2 parents 1f0a935 + 2d8c847 commit 2907fbb
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

### Nuxt 3 usage
## Nuxt 3 usage

First add `@fawmi/vue-google-maps` to `build.transpile` property in your `nuxt.config.ts`.

Expand All @@ -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
import { defineNuxtPlugin } from '#app'
Expand All @@ -259,7 +259,7 @@ import VueGoogleMaps from '@fawmi/vue-google-maps'
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(VueGoogleMaps, {
load: {
key: nuxtApp.$config.googleApiKey,
key: 'YOUR_GOOGLE_API_KEY',
},
})
})
Expand Down

0 comments on commit 2907fbb

Please sign in to comment.