feat: runtime config (#70)

Co-authored-by: Sébastien Chopin <seb@nuxtjs.com> Co-authored-by: Nikolay Baskov <baskov@adv.ru>
nuxt-community · Feb 2, 2021 · e090317 · e090317
1 parent 769ae67
commit e090317
Show file tree

Hide file tree

Showing 3 changed files with 3,722 additions and 1,258 deletions.
diff --git a/README.md b/README.md
@@ -58,6 +58,19 @@ using top level options
 }
 ```
 
+## Runtime config
+
+```js
+{
+  publicRuntimeConfig: {
+    recaptcha: {
+      /* reCAPTCHA options */
+      siteKey: process.env.RECAPTCHA_SITE_KEY // for example
+    }
+  }
+}
+```
+
 ## Usage
 
 ### reCAPTCHA v2

diff --git a/lib/plugin.js b/lib/plugin.js
@@ -89,7 +89,7 @@ class ReCaptcha {
             reject(errorMessage)
           }
         }
-        
+
       }
     })
   }
@@ -167,6 +167,12 @@ class ReCaptcha {
 }
 
 export default function (_, inject) {
+  const { recaptcha = {} } = _.$config || {}
+  const options = {
+    ...<%= serialize(options) %>,
+    ...recaptcha,
+  }
+
   Vue.component('Recaptcha', () => import('./recaptcha.vue'))
-  inject('recaptcha', new ReCaptcha(<%= serialize(options) %>))
+  inject('recaptcha', new ReCaptcha(options))
 }