fix(recaptcha): site_key_prop

Author: JulienChampagnol

components/Launcher.vue

@@ -8,7 +8,7 @@
         align="center"
       >
         <h4 class="pb-3">Please complete the recaptcha to launch the app</h4>
-        <Recaptcha />
+        <Recaptcha :site_key="site_key" />
       </v-col>
       <v-col
         v-else-if="!cloud_store.is_running && cloud_store.is_connexion_launched"
@@ -24,6 +24,8 @@
   const cloud_store = use_cloud_store()
   const { is_captcha_validated } = storeToRefs(cloud_store)
 
+  const site_key = useRuntimeConfig().public.RECAPTCHA_SITE_KEY
+
   watch(is_captcha_validated, async (value) => {
     if (value === true && process.client) {
       await cloud_store.create_connexion()

components/Recaptcha.vue

@@ -16,7 +16,10 @@
   const cloud_store = use_cloud_store()
   const { is_captcha_validated } = storeToRefs(cloud_store)
 
-  const site_key = useRuntimeConfig().public.RECAPTCHA_SITE_KEY
+  const props = defineProps({
+    site_key: { type: String, required: true },
+  })
+  const { site_key } = props
 
   onMounted(() => {
     if (process.client) {