heybourn / headwind

An opinionated Tailwind CSS class sorter built for Visual Studio Code
https://marketplace.visualstudio.com/items?itemName=heybourn.headwind
MIT License
1.38k stars 46 forks source link

Enable Support for Template Literal #67

Closed kentcdodds closed 3 years ago

kentcdodds commented 4 years ago

Describe the bug

Headwind will not sort these:

export function FormGroup({className = '', ...props}) {
  return <div className={`flex-col flex ${className}`} {...props} />
}

To Reproduce

Open a JSX file in a Tailwind-enabled project, copy/paste that code and hit save and notice it is not sorted.

Expected behavior

I expect it to be sorted.

Desktop (please complete the following information):

petertriho commented 3 years ago

Fixed in https://github.com/heybourn/headwind/pull/109

kentcdodds commented 3 years ago

Thanks!

boompikachu commented 3 years ago

@petertriho Is this fix? I still got the same problem with the newest version

petertriho commented 3 years ago

@boompikachu it has been fixed but @ryanhhhh seems to be busy and has not been able to release it to the vscode marketplace yet.

If you want, you can have a look at manually installing the update https://github.com/ryanhhhh/headwind/issues/122

boompikachu commented 3 years ago

Thanks @petertriho