fix: documented way of using siteKey doesn't work

[hdwebpros]

🐛 The bug

According to https://github.com/nuxt-modules/turnstile/blob/main/README.md this is all you need in your Nuxt config to declare the siteKey

  turnstile: {
    siteKey: '<your-site-key>',
  },

However, that provides an error NuxtTurnstile.vue:53 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'siteKey')

I couldn't use your Stackblitz since that gives:

# This is a non-commercial version of StackBlitz.
# If you’re using this for business purposes, please purchase a license here.

~/projects/gqairkmjlx.github
❯ npm install && npm run dev
npm ERR! code EUNSUPPORTEDPROTOCOL
npm ERR! Unsupported URL Type "link:": link:..

npm ERR! A complete log of this run can be found in: /home/.npm/_logs/2024-06-25T13_56_37_750Z-debug-0.log

🛠️ To reproduce

Doesn't work. All I have on my Nuxt app for modules though is Tailwind and Turnstile. I just followed the docs as they say.

🌈 Expected behaviour

I expected not to get the error.

ℹ️ Additional context

In order to fix my issue, I put the suggested code into public runtimeConfig and it worked. My final implementation was:

  runtimeConfig: {
    public: {
      turnstile: {
        siteKey: "<my-site-key>",
      },
    },
    turnstile: {
      secretKey: "<my-secret-key>",
    },
  },

[dargmuesli]

Hey Ryan, thank your for this report! Would you try the following stackblitz link to create a minimal reproduction?

👉 https://stackblitz.com/github/nuxt-modules/turnstile/tree/stackblitz/playground

Please replace "@nuxtjs/turnstile": "link:..", with "@nuxtjs/turnstile": "latest", in the current stackblitz project.

I've opened #331 to address the issue of the incorrect link.

[dargmuesli]

I just noticed that this issue was created some time ago and by now this module had a major rewrite. Please check if the current version works for you and if it doesn't we can reopen :)