fix(recaptcha): revert changes

Author: JulienChampagnol

components/Launcher.vue

@@ -8,7 +8,16 @@
         align="center"
       >
         <h4 class="pb-3">Please complete the recaptcha to launch the app</h4>
-        <Recaptcha :site_key="site_key" />
+        <ClientOnly>
+          <vue-recaptcha
+            ref="recaptcha"
+            :sitekey="site_key"
+            :loadRecaptchaScript="true"
+            @expired="is_captcha_validated = false"
+            @verify="submit_recaptcha"
+            align-self="center"
+          />
+        </ClientOnly>
       </v-col>
       <v-col
         v-else-if="!cloud_store.is_running && cloud_store.is_connexion_launched"
@@ -20,6 +29,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)
@@ -33,8 +43,24 @@
     }
   })
 
-  onMounted(async () => {
-    console.log("useRuntimeConfig()", useRuntimeConfig())
-    console.log("site_key", site_key)
+  onMounted(() => {
+    if (process.client) {
+      const config = useRuntimeConfig()
+      if (config.public.NODE_ENV !== "production") {
+        cloud_store.$patch({ is_captcha_validated: true })
+      }
+    }
   })
+
+  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>