Making VSCode + TS + Yarn PnP + Vue SFC intellisense work?

[auirarrazaval]

So the issue is the following:

I am trying to migrate a project from yarn 1 to yarn 4. I would say I'm almost there. This is a Vue 3 project, that uses Single File Components (SFC).

I did the yarn version upgrade (with all recommended steps), installed the editor SDKs (it installed typescript and eslint sdks) and set the Typescript Server to use the workspace version.

✅ VSCode's TS server works with no issues for ts files as it is detecting PnP packages installed with yarn

✅ I can run the server with no problems, (yarn run vite). The SFCs seem to compile with no isses.
❎ However, in my SFCs the typescript server or intellisense just dont't seem to work as expected, as installed packages are not recognized.

For now I think i'll just turn off the pnp mode, but I would like to make sure that this is not currently supported before doing so? Or am I missing a configuration? Or am I just completely lost here? 😅

Any help or insight is greatly appreciated!