If you don't have an existing Gridsome project, check out their docs on how to get started.
This plugin makes use of the gridsome-plugin-tailwindcss plugin to add
Tailwind, PurgeCSS, postcss-preset-env, and postcss-import to your build chain.
It includes both gridsome-plugin-tailwindcss and the regular tailwindcss so
that you can write your own plugins and access the default config in
tailwind.config.js.
The plugin adds Tailwind directives under the hood using Gridsome's Client API so Tailwind works out-of-the-box, requiring no further declaration of Tailwind directives.
It's recommended to use tailwind.config.js to add global base styles,
components, and utilities instead of adding them in CSS files.
Now you should be all set to start using Tailwind, postcss-preset-env, postcss-import, and PurgeCSS in your Gridsome project!