Skip to content

[Bug]: Tailwind prefix misapplied on negative values #1087

@darkons

Description

@darkons

Reproduction

Add tailwind prefix to components.json file and use shadcn-vue CLI to add the Dialog component.

Describe the bug

After adding the Tailwind prefix to the configuration, I noticed that the prefix is misapplied to negative values.

For example in the DialogContent component:
https://github.com/unovue/shadcn-vue/blob/dev/apps/www/src/registry/new-york/ui/dialog/DialogContent.vue#L36

Results in tw--translate-x-1/2 tw--translate-y-1/2 instead of -tw-translate-x-1/2 -tw-translate-y-1/2

https://v3.tailwindcss.com/docs/configuration#prefix

System Info

Not necessary

Contributes

  • I am willing to submit a PR to fix this issue
  • I am willing to submit a PR with failing tests

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions