<a p-3/> transform failed with attributify mode in nuxt3 tsx.

[chaozwn]

code below.

code transform:

correctly code:

[zyyv]

Have you try to use transformer-attributify-jsx?

[chaozwn]

yes, and i found why p-3 invalid. i remove key={index}. it works well.

[chaozwn]

[chaozwn]

[chaozwn]

Have you try to use transformer-attributify-jsx?

i use it.

[zyyv]

Hi, i test it in my local, transform it correctly.

test('testSomething', async () => {
  const testCode = `
    <a href="#" p-3 key={index}>友情链接</a>
  `
  const code = new MagicString(testCode)

  await transformerAttributifyJsx().transform(code, 'app.jsx', { uno, tokens: new Set() } as any)

  expect(code.toString()).toMatchInlineSnapshot(`
    "
          <a href=\\"#\\" p-3=\\"\\" key={index}>友情链接</a>
        "
  `)
})

[chaozwn]

Hi, i test it in my local, transform it correctly.

test('testSomething', async () => {
  const testCode = `
    <a href="#" p-3 key={index}>友情链接</a>
  `
  const code = new MagicString(testCode)

  await transformerAttributifyJsx().transform(code, 'app.jsx', { uno, tokens: new Set() } as any)

  expect(code.toString()).toMatchInlineSnapshot(`
    "
          <a href=\\"#\\" p-3=\\"\\" key={index}>友情链接</a>
        "
  `)
})

please check your version. transformer-attributify-jsx.test.ts line:82 is if (curlybraceRE.test(attributifyPart)) right?

[zyyv]

Oh, sorry, i forget to pull the latest code. Yes, there is something wrong.

Thanks for taking the time to catch this error.

[chaozwn]

Oh, sorry, i forget to pull the latest code. Yes, there is something wrong.

thanks. can a new version be released soon?

[chaozwn]

If you haven't fixed it yet, I can try it.

[sudongyuer]

If you haven't fixed it yet, I can try it.

Sure , pr welcome ~