fix: animation and default captcha key (#43)

Author: alexiscolin

src/components/ui/Recaptcha.vue

@@ -1,13 +1,12 @@
 <template>
-  <vue-recaptcha theme="dark" :size="screenWidth < 768 ? 'compact' : 'normal'" :sitekey="captchakey" @verify="handleSuccess" @error="handleError"></vue-recaptcha>
+  <vue-recaptcha theme="dark" :size="screenWidth < 768 ? 'compact' : 'normal'" :sitekey="captchakey" @verify="handleSuccess" @error="handleError" v-if="captchakey"></vue-recaptcha>
 </template>
 
 <script setup lang="ts">
-import { onMounted } from 'vue'
 import { useWindowSize } from '@vueuse/core'
 
 type Props = {
-  captchakey: string
+  captchakey: string | undefined
 }
 defineProps<Props>()
 

src/main.ts

@@ -1,11 +1,14 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import { VueRecaptcha } from 'vue-recaptcha'
+import { faucetDetailPlugin } from '@/stores/faucetDetail'
 
 import './style.css'
 import App from './App.vue'
 
 const pinia = createPinia()
+pinia.use(faucetDetailPlugin)
+
 const app = createApp(App)
 
 app.use(pinia)