search

tailwindlabs / prettier-plugin-tailwindcss

A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order.
MIT License
5.44k stars 128 forks source link

The plugin does not work for classes declared in <script setup> as variables. #268

Closed rudachenkoev closed 4 months ago

rudachenkoev commented 4 months ago

What version of prettier-plugin-tailwindcss are you using?

^0.5.13

What version of Tailwind CSS are you using?

^3.4.1

What version of Node.js are you using?

18.13.0

What package manager are you using?

npm

What operating system are you using?

macOS

Reproduction URL

<script setup lang="ts">
const defaultClasses = {
  field: 'relative',
  fieldInput:
    'absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 appearance-none bg-neutral-50 peer border rounded cursor-pointer disabled:opacity-50 disabled:cursor-default transition',
}
</script>

<template>
  <div :class="defaultClasses.field">
    <input type="checkbox" :class="defaultClasses.fieldInput" />
  </div>
</template>

Describe your issue

I am using Vue 3 and Composition API. The plugin does not work for classes declared in Githubissues.

  • Githubissues is a development platform for aggregating issues.