diff --git a/src/runtime/components/NuxtTurnstile.vue b/src/runtime/components/NuxtTurnstile.vue
index 6165126c..34047654 100644
--- a/src/runtime/components/NuxtTurnstile.vue
+++ b/src/runtime/components/NuxtTurnstile.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /// <reference types="@types/cloudflare-turnstile" />
 import { useScriptCloudflareTurnstile } from '../composables/turnstile'
-import { useRuntimeConfig, ref, onBeforeUnmount, useScriptTriggerElement } from '#imports'
+import { useRuntimeConfig, ref, onMounted, onBeforeUnmount, useScriptTriggerElement } from '#imports'
 import type { ElementScriptTrigger } from '#nuxt-scripts'
 
 const props = withDefaults(defineProps<{
@@ -27,7 +27,7 @@ const el = ref()
 const unmountStarted = ref(false)
 let id: string | undefined | null = undefined
 let interval: NodeJS.Timeout
-const { onLoaded, reset: _reset, remove } = useScriptCloudflareTurnstile({
+const { render, reset: _reset, remove } = useScriptCloudflareTurnstile({
   scriptOptions: {
     trigger: useScriptTriggerElement({ trigger: props.trigger, el }),
   },
@@ -47,8 +47,8 @@ const unmount = () => {
   }
 }
 
-onLoaded((instance) => {
-  id = instance.render(el.value, {
+onMounted(async () => {
+  id = await render(el.value, {
     sitekey: props.siteKey || config.siteKey,
     callback: (token: string) => emit('update:modelValue', token),
     ...props.options,