Skip to content

Improve Variable Detection for createGlobalStyle #9

@IgnaLog

Description

@IgnaLog

I've been using this extension for quite some time now, and it's been a great tool. However, I've encountered a few issues that could benefit from some attention. Firstly, the extension doesn't seem to detect internal variables within my createGlobalStyle:

import variables from "./variables";

const GlobalStyle = createGlobalStyle`
  ${fonts}
  ${variables}
`;

It would be really helpful if the extension could properly recognize internal variables even within the createGlobalStyle block.

Additionally, the current setup requires renaming the variables file to .globals.ts in order for the extension to work. This renaming process can be quite cumbersome, especially since you have to do it every time you want the extension to detect the file as a global variables source.

Furthermore, there's an inconvenience in the workflow as well. Each time I make changes, I find myself having to restart VSCode to get the extension to recognize the variables. This process can be time-consuming and interrupts the development flow.

I believe addressing these issues would greatly enhance the usability and convenience of the extension. Thank you for considering these suggestions.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions