All Questions
Tagged with prettier tailwind-css
33
questions
0
votes
0
answers
34
views
Adding CSS symbol code to Tailwind-css pseudo-elements
Not sure if this is a prettier or tailwind-css issue, but I am building a marquee component in nextjs where the content is separated by a bullet symbol with CSS code: content-['\2022'].
This renders ...
0
votes
0
answers
52
views
How do i set prettier to format my code only on ctrl+s (explicitly) and not by auto-save
I am building website with tailwindcss and in vscode using prettier-tailwindcss-plugin. The thing is that whenever i switch the software generally using alt+enter and then come again to vscode, it ...
0
votes
0
answers
59
views
Prettier throwing error after installing 'prettier-plugin-tailwindcss'
This is my Code:
import { FaX } from "react-icons/fa6";
import React from "react";
import { Task, createTask } from "../../models/tasksModel";
import { useForm } from &...
0
votes
0
answers
599
views
Inconsistent sorting of Tailwind classes with prettier-plugin-tailwindcss
The prettier-plugin-tailwindcss plugin is great for ordering classnames based on generated CSS order, but in my setup it's fairly inconsistent with the sorting for some reason.
In the example below ...
1
vote
0
answers
43
views
VSCode producing wrong ESLint Prettier error
After saving my .tsx file in VSCode, Eslint/Prettier changes the order of the Tailwind classes. However, when I run Eslint in my terminal, it shows this reordering as an error.
VSCode correct:
...
0
votes
0
answers
411
views
Setting up react app with typescript, eslint, prettier and tailwind stuck at Starting the development server
I have created a new React app with create-react-app and the typescript template.
I would like to also use prettier, eslint and tailwind with it. So I made the necessary configs to my understanding.
...
0
votes
0
answers
87
views
I downloaded tailwind css intellisense plugin. Auto-completion works perfectly but does not sort classes. How can I fix this any ideas?
I havent found anything about it anywhere. Seems like I am the only one having this trouble...
I looked for the other opened questions about this plugin but none of them has sorting problem. I haven't ...
1
vote
4
answers
3k
views
Automatic Tailwind Class Sorting with Prettier doesn't work as described in documentation
I'm encountering an issue with the Automatic Tailwind Class Sorting plugin for Prettier on macOS and VSCode. According to the documentation, custom classes should be sorted to the front of the class ...
0
votes
2
answers
3k
views
Prettier plugin in eslint
I want to use this plugin https://github.com/tailwindlabs/prettier-plugin-tailwindcss
Currently my prettier config is managed in eslint per https://github.com/prettier/eslint-plugin-prettier
I want to ...
0
votes
0
answers
630
views
Prettier breaks VSCode Tailwind InteliSense or class ordering after auto line break
I am using Prettier in my React app with Tailwind and twin.macro. When I write a component with multiple classes and the length of string is bigger than Prettier's printWidth value, the plugin break ...
3
votes
5
answers
6k
views
Can't get prettier-plugin-tailwindcss to work on Nextjs App
So I had my nextjs app configured with tailwind normally then ran the command to npm install prettier and the prettier tailwind plugin and as I understand, it should work right away.
My default ...
1
vote
2
answers
3k
views
VSCode Prettier extension not working when using prettier.config.cjs with prettier-plugin-tailwindcss and pnpm
I want to sort tailwindcss classes so
Used prettier-plugin-tailwindcss and added prettier.config.cjs to root of the project as using pnpm package manager
VSCode Prettier extension v9.15.0
package....
2
votes
1
answer
1k
views
how to use prettier-plugin-svelte with prettier-plugin-tailwindcss
I'm trying to use prettier to format svelte files with tailwind classes, so that tailwind utilities classes get automatically sorted following tailwind's recommended order
I followed this docs:
...
2
votes
1
answer
2k
views
Prettier-plugin-tailwindcss doesn't work in PhpStorm
I've followed the docs and prettier is installed and working but prettier-plugin-tailwindcss doesn't seem to work, at least when I reformat with Prettier, no Tailwind classes are sorted.
.prettierrc....
1
vote
1
answer
721
views
How to remove useless whitespaces from className in React with eslint/prettier?
I faced a problem. I noticed that in React projects prettier doesn't fix such problem as useless whitespaces in classNames. For example:
<img
className='hidden lg:block '
src='./images/...