fix: dataSize default overriding actual config (#85)

nuxt-community · Mar 21, 2021 · a25daf7 · a25daf7
1 parent 04f4273
commit a25daf7
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/lib/recaptcha.vue b/lib/recaptcha.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     :data-sitekey="siteKey || $recaptcha.siteKey"
-    :data-size="dataSize || $recaptcha.size"
+    :data-size="computedDataSize"
     :data-theme="dataTheme"
     :data-badge="dataBadge"
     :data-tabindex="dataTabindex"
@@ -31,7 +31,7 @@ export default {
     },
 
     dataSize: {
-      default: 'normal',
+      default: null,
       type: String,
 
       validator: (value) => {
@@ -65,6 +65,12 @@ export default {
     this.$recaptcha.on('recaptcha-expired', this.onExpired)
   },
 
+  computed: {
+    computedDataSize() {
+      return (this.dataSize || this.$recaptcha.size) || 'normal'
+    }
+  },
+
   methods: {
     onError(message) {
       return this.$emit('error', message)