That example uses HeadlessUI components installed from @headlessui/vue, along with Hero Icons components installed from @heroicons/vue. We already use FontAwesome instead, so really a question of whether we would prefer Hero Icons. For the time being, I think we'll stick with what we have and use FA alternatives wherever we do want to make use of icons. But we should definitely...
[ ] Install HeadlessUI
Given that Tailwind CSS's own projects and documentation use these Headless components, and they're MIT licensed and are a set of features we wouldn't have to write ourselves... it's a clear path; we do want this.
Using the 'Stacked' layout freebie from Tailwind UI, I want to begin developing a more modern layout option for RockBand pages. https://tailwindui.com/components/application-ui/application-shells/stacked
That example uses HeadlessUI components installed from @headlessui/vue, along with Hero Icons components installed from @heroicons/vue. We already use FontAwesome instead, so really a question of whether we would prefer Hero Icons. For the time being, I think we'll stick with what we have and use FA alternatives wherever we do want to make use of icons. But we should definitely...
Given that Tailwind CSS's own projects and documentation use these Headless components, and they're MIT licensed and are a set of features we wouldn't have to write ourselves... it's a clear path; we do want this.