i created a button component using tailwind variants like this:
const button = tv(
{
base: "py-2 px-5 ",
variants: {
variant: {
contained: "rounded-[10px] ",
outlined: "rounded-[10px]",
inlined: "bg-transparent ",
},
},
},
{
responsiveVariants: ["lg"],
}
);
type ButtonVariants = VariantProps;
export type IButtonProps = {
children: React.ReactNode;
} & ButtonVariants;
but when i use this component ,the prettier extenstion formatting on vscode takes to long ... !
and when i remove tailwind variants from this component,prettier formatting working stable and fast !
Expected behavior
dont break another tools and extenstion like prettier !
i created a button component using tailwind variants like this: const button = tv( { base: "py-2 px-5 ", variants: { variant: { contained: "rounded-[10px] ", outlined: "rounded-[10px]", inlined: "bg-transparent ", }, }, }, { responsiveVariants: ["lg"], } );
type ButtonVariants = VariantProps;
export type IButtonProps = { children: React.ReactNode; } & ButtonVariants;
but when i use this component ,the prettier extenstion formatting on vscode takes to long ... ! and when i remove tailwind variants from this component,prettier formatting working stable and fast !
Expected behavior dont break another tools and extenstion like prettier !