writing conventions

[Onxi95]

Hello 👋

I was wondering how the developer experience can be improved. Currently, "template literals" syntax, doesn't support CSS suggestions without an IDE plugin. Not everyone can or wants to install a plugin for their editor.

<just a basic example>

export const Button = styled.button<ButtonProps>`
    background-color: ${({ theme }) => theme.colors.main};
`;

Using objects, the problem is solved. I see that many people use the syntax with objects, but its rarely used in the documentation.

export const Button = styled.button<ButtonProps>(({theme}) => ({
    backgroundColor: theme.colors.main,
}))

Are both approaches correct? Is there a way to have CSS suggestions in template literals without an IDE plugin?