Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【Bug? => Next.js & Transformers: Directives, VariantGroup, CompileClass, presetAttributify!】 Insufficient coverage About presetAttributify using AttributifyAttributes on JSX Element? #3897

Closed
4 tasks done
zzinx58 opened this issue Jun 14, 2024 · 5 comments

Comments

@zzinx58
Copy link

zzinx58 commented Jun 14, 2024

UnoCSS version

^0.60.4

image image

Project Framework: Next.js 14.2.3

image

Describe the bug

iShot_2024-06-14_18 18 18 iShot_2024-06-14_18 14 58 iShot_2024-06-14_18 14 45 iShot_2024-06-14_18 14 31

Reproduction

Enabled presetAttributify() plugin in presets Array of uno.config.ts's defineConfig.
Then try to use 2xl="" Responsive Attributes on JSX Element.
And lg:grid="" Which inspires by the Type Defines: type AttributifyNames<Prefix extends string = ''> = ... ${Prefix}${PseudoPrefix}:${BasicAttributes};`

System Info

No response

Validations

@zzinx58
Copy link
Author

zzinx58 commented Jun 14, 2024

Is there a workaround or solution?

@zzinx58
Copy link
Author

zzinx58 commented Jun 14, 2024

Append problem1: transformerVariantGroup() seems not woring in my project.
image
It has no effect.

Append problem2: how can i use transformerDirectives() for my .css files in my React/Next project?
image

@zzinx58
Copy link
Author

zzinx58 commented Jun 14, 2024

image

Under Attributify Mode, Using like this won't work. All attributes linke un-** were properly pass to the target element. Howere it got not effect. But the className prop properly solved and worked. A little confuse here.

image

@zzinx58 zzinx58 changed the title About presetAttributify using AttributifyAttributes on JSX Element Insufficient coverage? Insufficient coverage About presetAttributify using AttributifyAttributes on JSX Element? Jun 14, 2024
@zzinx58
Copy link
Author

zzinx58 commented Jun 14, 2024

Project Architecture: Next.js 14.2.3
transformDirectives(): --uno --at-apply --uno-apply not work in css file,while @apply work, but only first line that have content will work, those after will be ignore!

@zzinx58 zzinx58 changed the title Insufficient coverage About presetAttributify using AttributifyAttributes on JSX Element? 【Bug? => Next.js & Transformers: Directives, VariantGroup, CompileClass, presetAttributify!】 Insufficient coverage About presetAttributify using AttributifyAttributes on JSX Element? Jun 14, 2024
@Simon-He95
Copy link
Contributor

We temporarily closed this due to the lack of enough information. We could not identify whether it was a bug or a userland misconfiguration with the given info.
Please provide a minimal reproduction to reopen the issue.
Thanks.

Why reproduction is required

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants