fix(recaptach): back to props

Author: BotellaA

components/Launcher.vue

@@ -8,15 +8,7 @@
         align="center"
       >
         <h4 class="pb-3">Please complete the recaptcha to launch the app</h4>
-        <!-- <Recaptcha site_key="6Lce72wgAAAAAOXrHyDxRQBhk6NDTD80MrXOlgbC" /> -->
-        <vue-recaptcha
-          ref="recaptcha"
-          sitekey="6Lce72wgAAAAAOXrHyDxRQBhk6NDTD80MrXOlgbC"
-          :loadRecaptchaScript="true"
-          @expired="is_captcha_validated = false"
-          @verify="submit_recaptcha"
-          align-self="center"
-        />
+        <Recaptcha :site_key="site_key" />
       </v-col>
       <v-col
         v-else-if="!cloud_store.is_running && cloud_store.is_connexion_launched"
@@ -28,7 +20,6 @@
 </template>
 
 <script setup>
-  import { VueRecaptcha } from "vue-recaptcha"
   const websocket_store = use_websocket_store()
   const cloud_store = use_cloud_store()
   const { is_captcha_validated } = storeToRefs(cloud_store)
@@ -45,16 +36,4 @@
   onMounted(() => {
     console.log("onMounted", useRuntimeConfig())
   })
-
-  async function submit_recaptcha(token) {
-    try {
-      const response = await $fetch.raw(
-        `/.netlify/functions/recaptcha?token=${token}`,
-      )
-      cloud_store.$patch({ is_captcha_validated: response.status == 200 })
-      recaptcha.reset()
-    } catch (error) {
-      console.error(error)
-    }
-  }
 </script>

components/Recaptcha.vue

@@ -14,7 +14,6 @@
 <script setup>
   import { VueRecaptcha } from "vue-recaptcha"
 
-  const websocket_store = use_websocket_store()
   const cloud_store = use_cloud_store()
   const { is_captcha_validated } = storeToRefs(cloud_store)
 
@@ -23,7 +22,6 @@
   })
   const { site_key } = props
 
-  // const site_key = useRuntimeConfig().public.RECAPTCHA_SITE_KEY
   console.log("site_key", site_key)
 
   onMounted(() => {