From 2d8c847881f32d948ef200a3ee651262fa54104f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Josef=20Jel=C3=ADnek?= Date: Thu, 7 Jul 2022 14:59:50 +0200 Subject: [PATCH] Simplify Nuxt 3 usage documentation --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 50f2e04..a0cfb87 100644 --- a/README.md +++ b/README.md @@ -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`. @@ -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' @@ -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', }, }) })