Have styled-components preffer TSTag group

[vuki656]

Hey, right now styled-components are tagged with the following groups

Is there any way to make them prefer the TSTag group over any other since they "technically" should be considered as TSTags

Basically, I set a TSTag color and would like styled-components to use them so they are the same. So NOT this:

I'm aware I can set the color for other groups listed for styled-components but those groups are used for other things that I don't to have the same color for all of them if that makes sense.

[vigoux]

Hi, and sorry for the delay.

I am not sure I understand the issue here, but let me rephrase it to be sure: you would like TSTag to be on top of the highlight stack that is here, right ?

[theHamsta]

There is a special rule to use Type for tags with upper case letters for components in the React highlight.scm.
https://github.com/theHamsta/nvim-treesitter/blob/04953f7b233588ea39836599e8da9c3d2a63c3a4/queries/jsx/highlights.scm#L17-L31

The ideal solution for this user would be to overwrite the jsx/highlight.scm. We could offer something in the README like

local jsx_query = table.concat(vim.tbl_filter(function(f) not f:find('nvim-treesitter', 1, true) end, require("vim.treesitter.query").get_query_files(jsx, "highlight", true)), '\n')
require("vim.treesitter.query").set_query("jsx", "highlight", jsx_query)

on how to skip a specific file from nvim-treesitter. Probably set_query should also accept a function that does the resolving only at the moment the query is needed

[theHamsta]

Or they can just copy the referenced lines in their own after/queries/jsx/highlights.scm with @tag instead of @type/@constructor