Vue + Tailwind = no autosuggestions in WebStorm?

When installing tailwind normally in WebStorm, like so:

npm install tailwindcss postcss autoprefixer

autosuggestions work just fine.

However the above installation doesn't work with Vue as explained here and we have to replace it with:

npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

or this:

vue add tailwind

In this case vue works fine with tailwind, but I'm no longer getting the autosuggestions when I type class names.

Why might this be happening? How can I fix this?