index.js

module.exports = require("tailwindcss/plugin")(
  function ({ addComponents }) {
    addComponents([
      { "[x-cloak]": { display: "none !important" } },
      require("./src/alert.js")(),
      require("./src/avatar.js")(),
      require("./src/badge.js")(),
      require("./src/breadcrumb.js")(),
      require("./src/button.js")(),
      require("./src/card.js")(),
      require("./src/dialog.js")(),
      require("./src/dropdown.js")(),
      require("./src/forms.js")(),
      require("./src/list.js")(),
      require("./src/pagination.js")(),
      require("./src/progress.js")(),
      require("./src/spinner.js")(),
      require("./src/tabs.js")(),
      require("./src/toast.js")(),
      require("./src/tooltip.js")(),
    ]);
  },
  {
    theme: {
      extend: {
        colors: {
          primary: {
            light: require("tailwindcss/colors").violet[100],
            DEFAULT: require("tailwindcss/colors").violet[700],
            dark: require("tailwindcss/colors").violet[900],
          },
        },
      },
    },
  }
);