search

versoly / taos

A simple and small (600 bytes) library to help animate elements while scrolling using responsive Tailwind CSS JIT utility classes.
MIT License
229 stars 8 forks source link

The content transform returning error #1

Closed viterzbayraku closed 1 year ago

viterzbayraku commented 1 year ago

This code returning error SyntaxError: Unexpected token ':'

module.exports = {
  content: {
    transform: (content) => content.replace(/taos:/g, ''),
  },
}
volkandkaya commented 1 year ago

Try using some of

module.exports = {
  content: {
    files: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
    transform: (content) => content.replace(/taos:/g, ''),
  },
  theme: {
    extend: {},
  },
  plugins: [require('taos/plugin')],
  safelist: [
    '!duration-0',
    '!delay-0',
    'html.js :where([class*="taos:"]:not(.taos-init))',
  ],
};

Might require files.