Why VSCode IntelliSense is not working with .astro files?

Question

I have a Astro project with Qwik and TypeScript, but my Ctrl + Space is not working as expected.

Screenshots: IntelliSense not working with Benefit component

/* benefit.astro */

type Props = {
    title: string;
    content: string;
    horizontalInvertion?: boolean;
}

const { title, content, horizontalInvertion } = Astro.props;

It only suggests when I start typing something

I've already tried:

• Restart VSCode
• Uninstall and install Astro extension

Answer 1

This worked for me. Click the shield icon turn on the trust workspace and it worked:

Answer 2

After trying several things like reinstalling, deleting files and so on...

What did solve it was to add "class" in "tailwindCSS.classAttributes" array, in your settings.json.

And I also had every other recommended setting like "tailwindCSS.includeLanguages": {"astro": "html"}, etc.