Open Codex- opened 9 months ago
Describe the bug (including copyable syntax)
When writing a styled component with a string template, if you use a template for the identifier (a) followed by a pseudo selector (:after) it results in an error .${a}:after {
a
:after
.${a}:after {
Screenshot Screenshots are alway useful!
To Reproduce
const test = '' const StyledDiv = styled.div` .${test}:before { // <- identifier expected (ts-styled-plugin(9999)) border-bottom: none; transition: none; } `
Expected behavior No error as this is a valid identifier
Build environment (please complete the following information):
Mac OS 14.1.2
1.85.0
1.7.8
Extensions
Describe the bug (including copyable syntax)
When writing a styled component with a string template, if you use a template for the identifier (
a
) followed by a pseudo selector (:after
) it results in an error.${a}:after {
Screenshot![image](https://github.com/styled-components/vscode-styled-components/assets/8297838/daf08f75-096a-4c35-aeb6-eb6072a913c1)
Screenshots are alway useful!
To Reproduce
Expected behavior
No error as this is a valid identifier
Build environment (please complete the following information):
Mac OS 14.1.2
1.85.0
1.7.8
Extensions
Additional context