`@tailwindcss/upgrade` renames `blur` event name to `blur-sm' within <script> block in .vue files

[greegus]

What version of Tailwind CSS are you using?

v4.0.6

What build tool (or framework if it abstracts the build tool) are you using?

Vite 6.1.0

What version of Node.js are you using?

v22.0.0

What browser are you using?

What operating system are you using?

macOS

Reproduction URL

Describe your issue

Running npx @tailwindcss/upgrade in order to upgrade to v4 in our Vue project also renamed the blur event name to blur-sm in the following sample within the <script> block.

editor.value.view.dom.addEventListener('blur', () => {
  emit('blur')
})

After the automated migration:

editor.value.view.dom.addEventListener('blur-sm', () => {
  emit('blur-sm')
})

[wongjn]

Related:

• Next.js image placeholder blur attribute get updated with tailwind upgrade tool #16028 (comment)
• [V4] upgrage scenario from v3 -> v4 replaced all params incuded shadow or blur to shadow-sm/blur-sm #16270 (comment)
• [v4]: running `npx @tailwindcss/upgrade@next` in vue changes `emit(blur)` event to `blur-sm` #15090 (comment)
• Upgrade tool blur event renaming problem #16305 (comment)