Why tailwind colors and styles are not working?

[rama-can]

This happens only to the component table.

After I upgraded laravel-livewire-tables from v2 to v3, colors and other styles don't work, can you tell me where the error is?

Column::make(__('general.role'), 'role')
    ->format(function ($value, $row, Column $column) {
        return $row->role === 'administrator'
            ? '<span class="inline-flex items-center rounded-md bg-green-200 dark:bg-green-800 dark:bg-opacity-50 px-2.5 py-1 text-xs font-medium text-green-700 dark:text-green-200 ring-1 ring-inset ring-green-600/10 dark:ring-green-300/10">Administrator</span>'
            : '<span class="inline-flex items-center rounded-md bg-yellow-200 dark:bg-yellow-800 dark:bg-opacity-50 px-2.5 py-1 text-xs font-medium text-yellow-700 dark:text-yellow-200 ring-1 ring-inset ring-yellow-600/10 dark:ring-yellow-300/10">Moderator</span>';
    })
    ->html(),

• "livewire/livewire": "^3.0",
• "rappasoft/laravel-livewire-tables": "^3.1",
• "tailwindcss": "^3.3.5",

[rama-can]

Solved

I forgot to register the file in tailwind.config.js 😂

module.exports = {
    content: [
        "./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
        "./storage/framework/views/*.php",
        "./resources/views/**/*.blade.php",
        "./resources/js/**/*.js",
        
        /** This */
        "./app/Livewire/**/*Table.php",
        "./vendor/rappasoft/laravel-livewire-tables/resources/views/**/*.blade.php",
    ],
};
``