Error: Can't resolve '@unhead/vue' in '.../node_modules/vue-recaptcha/dist/script-manager'

[WeiLocus]

Description

In main.ts
import { VueRecaptchaPlugin } from 'vue-recaptcha/head';

ERROR in src/main. ts
TS2307: Cannot find module ‘vue-recaptcha/head' or its corresponding type declarations.

Minimal Reproducible Example

Use Vue CLi + TS .

define
import { VueRecaptchaPlugin } from 'vue-recaptcha'; const app = createApp(App); app.use(VueRecaptchaPlugin, { v2SiteKey: '6......._yj', });

npm run serve then got fail.

System info

System:
OS: macOS

Binaries:
Node: 18.12.1

npmPackages:
vue: ^3.0.7,
vue-recaptcha: "^3.0.0-alpha.6",
typescript: "~4.5.5",

[chuckhousley]

I'm able to get the build working on your minimal example by moving @unhead/vue from devDependencies to dependencies and adding @vue/compat to the dependencies as well. I think this suggests that the alpha version has not finished migrating to vue 3 and is not ready for use yet

[ricardo17coelho]

I'm also facing this issue..

[ricardo17coelho]

https://dansnow.github.io/vue-recaptcha/guide#usage-without-unhead

I guess this fix the issue.

[DanSnow]

I'll remove the default unhead integration as it seems to cause a lot of issue