From 637dd39300963d113e723f81ff538b75c1811627 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Christian=20Kj=C3=A6r?= <ckl@codetalk.io>
Date: Tue, 18 Nov 2025 12:09:51 +0100
Subject: [PATCH] Fix Tailwind CSS v4 plugin configuration syntax

The current @plugin syntax was using `,` (comma) which is incorrect syntax and will fail parsing. This changes it to use `;` (semi-colon) instead.

We also add pragmas to stop Prettier from running on these lines and changing the casing on the keys, which will cause the configuration to not work. Prettier usage is an extremely common, so this is why it is added by default.
---
 README.md | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index e6cbeaa..b2cd223 100644
--- a/README.md
+++ b/README.md
@@ -83,14 +83,21 @@ module.exports = {
 ```css
 @import "tailwindcss";
 @plugin "tailwind-plugin-typed" {
-  delimiter: ';',
-  typeLetterDuration: 0.1,
-  pauseAfterWordDuration: 2,
-  deleteLetterDuration: 0.05,
-  pauseAfterDeletionDuration: 1,
+  /* prettier-ignore */
+  delimiter: ';';
+  /* prettier-ignore */
+  typeLetterDuration: 0.1;
+  /* prettier-ignore */
+  pauseAfterWordDuration: 2;
+  /* prettier-ignore */
+  deleteLetterDuration: 0.05;
+  /* prettier-ignore */
+  pauseAfterDeletionDuration: 1;
 }
 ```
 
+NOTE: We set `/* prettier-ignore */` to avoid Prettier changing the casing in the configuration keys.
+
 
 ## 💻 Usage