For Rails 7, download tailwindcss-stimulus-components to vendor/javascript

[justinko]

This is just to help others that might be wondering why they're missing styles after upgrading to Rails 7.

If you're using tailwindcss-rails with Rails 7, you need to specify how to find the CSS classes tailwindcss-stimulus-components uses (e.g. the ones in modal).

Here's what you need to do:

1. Download to vendor/javascript so tailwindcss-rails can find the CSS classes: bin/importmap pin tailwindcss-stimulus-components --download
2. Add vendor/javascript to your tailwind config:

module.exports = {
  content: [
    './app/helpers/**/*.rb',
    './app/javascript/**/*.js',
    './app/views/**/*',
    './app/lib/form_builder.rb',
    './vendor/javascript/tailwindcss-stimulus-components.js'
  ],
}

That's it! All the tailwind classes that this library uses will now be included in your Rails app.

[Petercopter]

I was poking around for a solution as well, it seems reasonable to use safelisting as well:

https://stackoverflow.com/questions/70597881/exclude-a-class-being-tree-shaken-by-tailwind