I've been building a passion project of mine, Jiujitsio, in Quasar for the past few months and wanted to implement Tailwind styling when prototyping new or creating custom components.
Install Tailwind via NPM or Yarn.
Import Tailwind Directives. Add the following in between the
styletags of any Quasar component you wish to style with Tailwind.
Vuestyles are piped through PostCSS we are going to need to modify our
.postcssrc.jsfile to require Tailwind.
That's it! Any Quasar components in your project where you add the Tailwind directives will now respond to Tailwind class styling. You can also optionally also add a Tailwind config file (may be a follow up post) for further customization.