Nuxt Image module can't be configured in Nuxt 3

[sharp quest]

When using the @nuxt/image-edge module, it appears that adding an image config section is throwing a TypeScript error in nuxt.config.ts:

Object literal may only specify known properties, and 'image' does not exist in type 'NuxtConfig'.ts(2345)

I've cross-posted it to https://github.com/nuxt/image/issues/650

[iron dove]

i am able to add this:

what does your modules: look like?

[sharp quest]

Are you using "nuxt": "latest",?

[iron dove]

"nuxt": "^3.0.0",

[sharp quest]

Reproduced here: https://stackblitz.com/edit/github-uwdqzk?file=nuxt.config.ts

[iron dove]

ERR!: No matching version found for @nuxt/image@3.0.0-rc.14-27808884.f1ae40f.

"dependencies": {
"@nuxt/image-edge": "^1.0.0-27809804.194d2d6"
}

[sharp quest]

ok it works now there - but still doesn't locally - I think it must be with how pnpm is resolving things

StackBlitz automatically uses npm

so hard to reproduce the problem

[iron dove]

why is it in devDependencies

[sharp quest]

everything is in devDependencies in Nuxt 3

[iron dove]

your stackblitz works fine for me in webstorm

[sharp quest]

I copied it to a completely new repo and it's fine... I can't figure out what's causing it

[iron dove]

did you remove your lock files and update?

[sharp quest]

OH. It's Volar Takeover mode.

It's using an older version of Typescript

ugh

[sharp quest]

well, no - that's not it either