add prop site_key

components/Launcher.vue

@@ -5,7 +5,7 @@
         <h4 class="pb-3">
           Please complete the recaptcha to launch the app
         </h4>
-        <vue-recaptcha ref="recaptcha" :sitekey="config.public.SITE_KEY" :loadRecaptchaScript="true"
+        <vue-recaptcha ref="recaptcha" :sitekey="site_key" :loadRecaptchaScript="true"
           @expired="is_captcha_validated = false" @verify="submit_recaptcha" align-self="center" />
       </v-col>
       <v-col v-if="!is_cloud_running && is_connexion_launched">
@@ -22,6 +22,12 @@ import { VueRecaptcha } from "vue-recaptcha"
 const cloud_store = use_cloud_store()
 const { is_cloud_running, is_captcha_validated, is_connexion_launched } = storeToRefs(cloud_store)
 
+const props = defineProps({
+  site_key: { type: String, required: true }
+})
+
+const { site_key } = toRefs(props)
+
 watch(is_captcha_validated, async (value) => {
   if (value === true) {
     await cloud_store.create_connexion()

components/Wrapper.vue

@@ -5,7 +5,7 @@
         <Header :tool_name="tool_name" :cards_list="cards_list" />
       </v-col>
       <v-col v-if="!is_cloud_running">
-        <Launcher />
+        <Launcher :site_key="site_key" />
       </v-col>
       <v-col v-if="is_cloud_running">
         <Stepper />
@@ -22,9 +22,10 @@ const cloud_store = use_cloud_store()
 const { is_cloud_running } = storeToRefs(cloud_store)
 
 const props = defineProps({
-  cards_list: { type: Array, required: true }
+  cards_list: { type: Array, required: true },
+  site_key: { type: String, required: true }
 })
-const { cards_list } = props
+const { cards_list, site_key } = props
 
 const stepper_tree = inject('stepper_tree')
 const { tool_name, route_prefix } = stepper_tree

package.json

@@ -15,7 +15,7 @@
   },
   "description": "OpenSource Vue/Vuetify framework for web applications",
   "type": "module",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "main": "./nuxt.config.js",
   "dependencies": {
     "@mdi/font": "^7.2.96",