fix(recaptcha): test

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 /> -->
       </v-col>
       <v-col
         v-else-if="!cloud_store.is_running && cloud_store.is_connexion_launched"
@@ -20,6 +20,7 @@
 </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)
@@ -30,4 +31,8 @@
       await websocket_store.ws_connect()
     }
   })
+
+  onMounted(() => {
+    console.log("onMounted", useRuntimeConfig())
+  })
 </script>

components/Recaptcha.vue

@@ -1,12 +1,14 @@
 <template>
-  <vue-recaptcha
-    ref="recaptcha"
-    :sitekey="site_key"
-    :loadRecaptchaScript="true"
-    @expired="is_captcha_validated = false"
-    @verify="submit_recaptcha"
-    align-self="center"
-  />
+  <ClientOnly>
+    <vue-recaptcha
+      ref="recaptcha"
+      :sitekey="site_key"
+      :loadRecaptchaScript="true"
+      @expired="is_captcha_validated = false"
+      @verify="submit_recaptcha"
+      align-self="center"
+    />
+  </ClientOnly>
 </template>
 
 <script setup>