language-tools icon indicating copy to clipboard operation
language-tools copied to clipboard

🐛 BUG: not support space or multiple line on class when using css-in-js library

Open d-string opened this issue 1 year ago • 1 comments

Describe the Bug

I'm using Panda Css, but when im declare like this

---
import { css } from '.../styled/css'
---

<main class={css({})}> // <- don't have space the types is working
</main>

image

---
import { css } from '.../styled/css'
---

<main class={css({ })}> // <- have space the types have gone, and showing the HTMLAttribute instead of types from panda
</main>

image

---
import { css } from '.../styled/css'
---

<main class={css({

})}> // <- have entered the types has gone, and showing the HTMLAttribute instead of types from panda too
</main>

image

---
import { css } from '.../styled/css'
---

<main class={css({color:'red.100', })}> // <- have space after coma the types have gone, and showing the HTMLAttribute instead of types from panda too
</main>

image

https://github.com/withastro/language-tools/assets/49369600/7bc1c8fc-a178-464f-a1c8-941a87a0d543

Steps to Reproduce

  1. npm init astro using template <NAME>
  2. npm install pandacss
  3. Follow the instructions in the documentation
  4. implement on .astro extention

d-string avatar Sep 12 '23 03:09 d-string