fix: breadcrumbs - ui not included

[dargmuesli]

Describe the bug

Making use of useBreadcrumbsUi does not lead to the defined tailwind classes being included into the existing (@nuxtjs/tailwindcss) stylesheet as expected.

Here, only the classes that I use somewhere else in my app are applied, not all, that's why the separators are not positioned correctly.

---

I'd love to know how to implement this correctly, I really want to make use of the same styling in @dargmuesli/nuxt-cookie-control :heart_eyes:

Reproduction

No response

System / Nuxt Info

No response

[harlan-zw]

Hm, the classes should be picked up as the tailwind config is merged within the hook. I just pushed a fix up if you have config.content as a string of arrays though.

 nuxt.hooks.hook('tailwindcss:config', (config) => {
      if (Array.isArray(config.content)) {
        // add our components for scanning
        config.content.push(resolve('./runtime/components/*.vue'))
        config.content.push(resolve('./runtime/composables/useBreadcrumbsUi.ts'))
      }
      else if (config.content?.files && Array.isArray(config.content?.files)) {
        // add our components for scanning
        config.content.files.push(resolve('./runtime/components/*.vue'))
        config.content.files.push(resolve('./runtime/composables/useBreadcrumbsUi.ts'))
      }
    })

Maybe you can see if that fixed it for you :thinking:

[dargmuesli]

LGTM! Thank you :)