Tailwind CSS autocompletion isn't working

[demeralde]

FAQ

• [X] I have checked the FAQ and it didn't resolve my problem.

Announcement

• [X] I have checked Breaking change announcement.

Minimal reproducible full config

https://github.com/demeralde/nvim-config

My entire config is here. I'm using NvChad as the base for my config.

Description

I'm trying to set up autocompletion for Tailwind CSS. However, it's only auto completing classes which are already in the file (instead of all the other available Tailwind classes).

I'm not sure why it's not working.

Steps to reproduce

1. Clone my config
2. Create a test.tsx file with the following code:

const IndexPage = () => {
  return (
    <main className="">
    </main>
  );
};

export default IndexPage;

3. Test the className prop autocompletes

Expected behavior

It should show a list of all available Tailwind classes, matching against the currently typed class.

e.g text-red- should match any class with "text-red-" inside it

Actual behavior

It's only showing a list of classes for classes which already exist in the file.

Additional context

No response