Failed to execute 'animate' on 'Element': 'tw-k' is not a valid value for easing

[MarvinMiles]

Hey!
Thank you for your amazing job. Works almost perfect out of box without any configured options.

I'm using Vite/Vue and my first issue is:

Input:

Bundled output:

This causing an issue:

Moreover, setting "ignoreClass" option in "classGenerator" has no effect. Is it WIP?

[sonofmagic]

Hello, the reason for this problem is that ease-out is also one of the class keywords generated by tailwindcss.

F.Y.I: https://tailwindcss.com/docs/transition-timing-function

so you can do this steps to fix this issue.

1: Upgrade to unplugin-tailwindcss-mangle@^1.2.3

Then add some class not to be mangled

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { vitePlugin as utwm, defaultMangleClassFilter } from 'unplugin-tailwindcss-mangle'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    utwm({
      mangleClassFilter(className) {
        if (['ease-out', 'ease-linear', 'ease-in', 'ease-in-out'].includes(className)) {
          return false
        }
        return defaultMangleClassFilter(className)
      },
    })
  ]
})

[MarvinMiles]

It works now. Thank you!