Purge gradients with vue

[jenstornell]

I'm building a tool where I generate gradients dynamically in Vue. It's not recommended to generate Tailwind classes and then merge them because PurgeCSS will miss them.

It's however very simple to solve in purge. Four small regex is all that is needed.

tailwind.config.js

module.exports = {
  purge: {
    //enabled: true,
    content: ["./src/**/*.vue", "./public/**/*.html"],
    options: {
      safelist: [/^bg-gradient-to-/, /^from-/, /^via-/, /^to-/],
    },
  },
};

I hope it may help someone.