Should reset reCAPTCHA (fix #28)

resources/assets/src/components/Captcha.vue

@@ -1,7 +1,11 @@
 <template>
   <div v-if="recaptcha" class="row">
     <div class="col-xs-12" style="padding-bottom: 5px">
-      <vue-recaptcha :sitekey="recaptcha" @verify="$emit('change', $event)" />
+      <vue-recaptcha
+        ref="recaptcha"
+        :sitekey="recaptcha"
+        @verify="$emit('change', $event)"
+      />
     </div>
   </div>
   <div v-else class="row">
@@ -52,7 +56,11 @@ export default {
   },
   methods: {
     refreshCaptcha() {
-      this.time = Date.now()
+      if (this.recaptcha) {
+        this.$refs.recaptcha.reset()
+      } else {
+        this.time = Date.now()
+      }
     },
   },
 }

resources/assets/tests/components/Captcha.test.ts

@@ -1,3 +1,4 @@
+import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Captcha from '@/components/Captcha.vue'
 
@@ -7,6 +8,11 @@ test('display recaptcha', () => {
   expect(wrapper.find('img').exists()).toBeFalse()
 })
 
+test('refresh recaptcha', () => {
+  const wrapper = mount<Vue & { refreshCaptcha(): void }>(Captcha)
+  wrapper.vm.refreshCaptcha()
+})
+
 test('display characters captcha', () => {
   blessing.extra = {}
   const wrapper = mount(Captcha)