css-in-js icon indicating copy to clipboard operation
css-in-js copied to clipboard

Bug in camelCase css to kebab-case css conversion

Open akilansengottaiyan opened this issue 5 years ago • 0 comments

When I tried to convert the below camelCase css to kebab-case css,

    fontSize: '14px',
    lineHeight: '25px',
    marginTop: '20px',
    textAlign: 'center'

the result is

    font-size: 14px;
    line-height: 25px;
    margin-top: 20px;
    textAlign: 'center'

It fails to convert the last line. I looked into the code and found that the code use , as the separator and since the last line lacks , it fails to convert. In cases of prettier config, "trailingComma": "none", it is not possible for me to have trailing comma. It could be a simple fix to handle the last line and it would be significant to avoid bugs when relying on the extension to convert the css. And I would love to raise the PR if any of the contributors acknowledges to proceed. FYI : @paulmolluzzo @ansumanshah @mfunkie @zachgibson
Thanks in advance.

akilansengottaiyan avatar Sep 17 '20 14:09 akilansengottaiyan