chore: add mangleClassFilter options

Author: sonofmagic

apps/vite-vue/src/App.vue

@@ -75,6 +75,39 @@
   </main>
 </template>
 
+<script lang="ts">
+import { onMounted, defineComponent } from 'vue'
+
+export default defineComponent({
+  setup() {
+    onMounted(() => {
+      const clipPath = '';
+      document.documentElement.animate(
+        {
+          clipPath
+        },
+        {
+          duration: 500,
+          easing: /* tw-mangle ignore */ 'ease-out',
+          pseudoElement: '::view-transition-new(root)'
+        })
+      document.documentElement.animate(
+        {
+          clipPath
+        },
+        {
+          duration: 500,
+          easing: 'ease-out',
+          pseudoElement: '::view-transition-new(root)'
+        }
+      )
+    })
+    return {}
+  }
+})
+
+</script>
+
 <style scoped>
 .logo {
   height: 6em;

apps/vite-vue/vite.config.ts

@@ -1,11 +1,17 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import { vitePlugin as utwm } from 'unplugin-tailwindcss-mangle'
+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)
+      },
       classSetOutput: true,
       classMapOutput: true
     })