Vue 3 syntax not recognized in PhpStorm or WebStorm when using pnpm

Attribute setup is not allowed here

This is a pnpm cache issue most likely and not a JetBrains issue. Anyway.

When upgrading to the latest version of PhpStorm today (2024.3.2.1), I started getting syntax errors in (clean/new) Vue 3 projects. I.e. attribute setup is not allowed here and unknown HTML tag HelloWorld.

Turns out, if using npm as the package manager the IDE recognized the Vue 3 syntax just fine, but with pnpm it complained.

Clearing the pnpm cache with pnpm store prune did not resolve the issue, I ended up uninstalling and reinstalling pnpm altogether.

rm -rf $PNPM_HOME # delete old version
corepack enable pnpm # reinstall/enable

Issue resolved, pnpm and Vue 3 projects work now fine again in PhpStorm (and probably WebStorm).