gregberge/twc

Incorrect CSS conflicts with Tailwind CSS IntelliSense extension

rickyzhangca opened this issue ยท 1 comments

๐Ÿ› Bug Report

With Tailwind CSS IntelliSense extension installed, styles would be seen as conflicting with each other even though they are for separate components.

image

I am migrating from https://github.com/MathiasGilson/Tailwind-Styled-Component, it does not have this problem if it helps

To Reproduce

Steps to reproduce the behavior:

  1. follow https://react-twc.vercel.app/docs/getting-started to set up
  2. write 2 components with some overlapping style rules in one file

Expected behavior

They should not be seen as a CSSConclict

Hello @rickyzhangca, fixed, sorry, please upgrade your autocompletions with that:

[
  "twc\\.[^`]+`([^`]*)`",
  "twc\\(.*?\\).*?`([^`]*)",
  ["twc\\.[^`]+\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"],
  ["twc\\(.*?\\).*?\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
]