From d5756ce9673ed102006991e8cdcb29c964c45bc2 Mon Sep 17 00:00:00 2001
From: Hans van Luttikhuizen-Ross <pindab0ter@me.com>
Date: Mon, 23 Oct 2023 09:53:53 +0200
Subject: [PATCH] Reorder HTML attributes using Prettier

---
 .idea/codeStyles/Project.xml                  | 45 +++++++++++++++++++
 .prettierrc                                   |  6 ++-
 .../2023-01-18-de-kittens-zijn-er/index.html  |  2 +-
 layouts/faq/single.html                       |  4 +-
 layouts/index.html                            | 14 +++---
 layouts/kittenbeleid/single.html              |  4 +-
 layouts/kittens/section.html                  |  8 ++--
 layouts/nieuws/section.html                   |  4 +-
 layouts/onze-poezen/section.html              |  6 +--
 layouts/partials/contact-button.html          |  2 +-
 layouts/partials/contact-form.html            | 20 ++++-----
 layouts/partials/footer.html                  |  6 +--
 layouts/partials/header.html                  |  2 +-
 layouts/partials/navigation.html              | 12 ++---
 package-lock.json                             | 13 ++++++
 package.json                                  |  1 +
 16 files changed, 106 insertions(+), 43 deletions(-)

diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
index 42f268f..b47928f 100644
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@@ -2,8 +2,39 @@
   <code_scheme name="Project" version="173">
     <HTMLCodeStyleSettings>
       <option name="HTML_ATTRIBUTE_WRAP" value="4" />
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+      <option name="HTML_ENFORCE_QUOTES" value="true" />
     </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
     <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SOFT_MARGINS" value="80" />
       <indentOptions>
         <option name="INDENT_SIZE" value="2" />
         <option name="CONTINUATION_INDENT_SIZE" value="2" />
@@ -17,5 +48,19 @@
         <option name="TAB_SIZE" value="2" />
       </indentOptions>
     </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
   </code_scheme>
 </component>
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
index a7c0528..9b26375 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,5 +1,9 @@
 {
-  "plugins": ["prettier-plugin-go-template", "prettier-plugin-tailwindcss"],
+  "plugins": [
+    "prettier-plugin-go-template",
+    "prettier-plugin-tailwindcss",
+    "prettier-plugin-organize-attributes"
+  ],
   "overrides": [
     {
       "files": ["*.html"],
diff --git a/content/nieuws/2023-01-18-de-kittens-zijn-er/index.html b/content/nieuws/2023-01-18-de-kittens-zijn-er/index.html
index 5ca03af..379b657 100644
--- a/content/nieuws/2023-01-18-de-kittens-zijn-er/index.html
+++ b/content/nieuws/2023-01-18-de-kittens-zijn-er/index.html
@@ -18,8 +18,8 @@
 
 <p>
   <a
-    href="/kittens"
     class="whitespace-nowrap rounded-full bg-orange px-4 py-3 font-light text-white transition hover:bg-orange/75"
+    href="/kittens"
   >
     De kittens van Hamana
   </a>
diff --git a/layouts/faq/single.html b/layouts/faq/single.html
index c343c28..58b4657 100644
--- a/layouts/faq/single.html
+++ b/layouts/faq/single.html
@@ -4,9 +4,9 @@
       <div class="mx-auto max-w-screen-xl lg:grid lg:grid-cols-2">
         {{ with (resources.Get "photos/yuki-ginny-balcony.png").Process "resize 640x webp" }}
           <img
+            class="aspect-[21/9] w-full object-cover lg:hidden"
             src="{{ .RelPermalink }}"
             alt="Yuki en Ginny op het balkon"
-            class="aspect-[21/9] w-full object-cover lg:hidden"
             style="object-position: 100% 12%"
           />
 
@@ -20,9 +20,9 @@ <h1 class="mt-0">
           </div>
 
           <img
+            class="hidden aspect-[16/9] w-full object-cover lg:block"
             src="{{ .RelPermalink }}"
             alt="Yuki en Ginny op het balkon"
-            class="hidden aspect-[16/9] w-full object-cover lg:block"
             style="object-position: 100% 12%"
           />
         {{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index 94033bf..6867740 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -4,9 +4,9 @@
     <div class="max-w-screen-xl lg:mb-24">
       {{ with (resources.Get "photos/yuki-basking-bed-ginny-washing-in-bg.jpg").Process "webp" }}
         <img
+          class="aspect-video w-full object-cover object-top lg:aspect-[21/9]"
           src="{{ .RelPermalink }}"
           alt="Yuki basking in the sun on bed"
-          class="aspect-video w-full object-cover object-top lg:aspect-[21/9]"
           style="object-position: 100% 7%"
         />
       {{ end }}
@@ -22,14 +22,14 @@ <h1 class="mb-8 text-start">Over ons</h1>
 
           <div class="-ml-4 mt-16 flex flex-wrap">
             <a
-              href="/nieuws"
               class="m-2 whitespace-nowrap rounded-full bg-orange px-4 py-3 font-light text-white transition hover:bg-orange/75"
+              href="/nieuws"
               >Het laatste nieuws</a
             >
 
             <a
-              href="/kittens/"
               class="m-2 rounded-full border border-orange px-4 py-3 font-light text-orange transition hover:bg-orange hover:text-white"
+              href="/kittens/"
               >Kittens</a
             >
           </div>
@@ -38,9 +38,9 @@ <h1 class="mb-8 text-start">Over ons</h1>
         <div class="hidden content-center bg-white lg:flex">
           {{ with (resources.Get "logo-text.png").Process "webp drawing" }}
             <img
+              class="object-contain"
               src="{{ .RelPermalink }}"
               alt="Cattery Hamana"
-              class="object-contain"
             />
           {{ end }}
         </div>
@@ -58,8 +58,8 @@ <h1 class="mb-8 text-start">Over ons</h1>
             class="grid h-full w-full place-content-center bg-orange/75 backdrop-blur-xs"
           >
             <a
-              href="/faq/"
               class="rounded-full border-2 border-white px-4 py-2 font-light text-white transition hover:bg-white hover:text-current"
+              href="/faq/"
               >Veelgestelde vragen</a
             >
           </div>
@@ -75,8 +75,8 @@ <h1 class="mb-8 text-start">Over ons</h1>
             class="grid h-full w-full place-content-center bg-orange/75 backdrop-blur-xs"
           >
             <a
-              href="/kittens/"
               class="rounded-full border-2 border-white px-4 py-2 font-light text-white transition hover:bg-white hover:text-current"
+              href="/kittens/"
               >Kittens</a
             >
           </div>
@@ -92,8 +92,8 @@ <h1 class="mb-8 text-start">Over ons</h1>
             class="grid h-full w-full place-content-center bg-orange/75 backdrop-blur-xs"
           >
             <a
-              href="/onze-poezen/"
               class="rounded-full border-2 border-white px-4 py-2 font-light text-white transition hover:bg-white hover:text-current"
+              href="/onze-poezen/"
               >Onze poezen</a
             >
           </div>
diff --git a/layouts/kittenbeleid/single.html b/layouts/kittenbeleid/single.html
index c82be5e..09dbb91 100644
--- a/layouts/kittenbeleid/single.html
+++ b/layouts/kittenbeleid/single.html
@@ -4,9 +4,9 @@
       <div class="mx-auto max-w-screen-xl lg:grid lg:grid-cols-2">
         {{ with (resources.Get "photos/avatar-kitten-portret.jpg").Process "resize 640x webp" }}
           <img
+            class="aspect-[21/9] w-full object-cover lg:hidden"
             src="{{ .RelPermalink }}"
             alt="Jonge Ginny"
-            class="aspect-[21/9] w-full object-cover lg:hidden"
             style="object-position: 100% 28%"
           />
 
@@ -15,9 +15,9 @@ <h1 class="my-16">Ons kittenbeleid</h1>
           </div>
 
           <img
+            class="hidden aspect-[16/9] w-full object-cover lg:block"
             src="{{ .RelPermalink }}"
             alt="Jonge Ginny"
-            class="hidden aspect-[16/9] w-full object-cover lg:block"
             style="object-position: 100% 24%"
           />
         {{ end }}
diff --git a/layouts/kittens/section.html b/layouts/kittens/section.html
index a8bc506..ebeb548 100644
--- a/layouts/kittens/section.html
+++ b/layouts/kittens/section.html
@@ -4,9 +4,9 @@
       <div class="mx-auto max-w-screen-xl lg:grid lg:grid-cols-2">
         {{ with (resources.Get "photos/avatar-kittens-groep.jpg").Process "resize 640x webp" }}
           <img
+            class="aspect-[21/9] w-full object-cover lg:hidden"
             src="{{ .RelPermalink }}"
             alt="De Avatarkittensk"
-            class="aspect-[21/9] w-full object-cover lg:hidden"
           />
 
           <div class="grid place-content-center lg:px-16">
@@ -16,8 +16,8 @@ <h1 class="mt-0">De kittens van Hamana</h1>
 
               <div class="block">
                 <a
-                  href="/nieuws"
                   class="whitespace-nowrap rounded-full bg-orange px-4 py-3 font-light text-white transition hover:bg-orange/75"
+                  href="/nieuws"
                 >
                   Het laatste nieuws
                 </a>
@@ -26,9 +26,9 @@ <h1 class="mt-0">De kittens van Hamana</h1>
           </div>
 
           <img
+            class="hidden aspect-[16/9] w-full object-cover lg:block"
             src="{{ .RelPermalink }}"
             alt="De Avatarkittensk"
-            class="hidden aspect-[16/9] w-full object-cover lg:block"
           />
         {{ end }}
       </div>
@@ -39,9 +39,9 @@ <h1 class="mt-0">De kittens van Hamana</h1>
         <div class="flex flex-col">
           {{ with .Resources.Get "photo" }}
             <img
+              class="mx-auto mb-8 mt-16 h-full w-full object-cover lg:max-w-lg"
               src="{{ (.Process "resize 512x webp drawing").RelPermalink }}"
               alt="{{ .Title }}"
-              class="mx-auto mb-8 mt-16 h-full w-full object-cover lg:max-w-lg"
             />
           {{ end }}
 
diff --git a/layouts/nieuws/section.html b/layouts/nieuws/section.html
index b7570b2..90a90b1 100644
--- a/layouts/nieuws/section.html
+++ b/layouts/nieuws/section.html
@@ -11,9 +11,9 @@ <h1>Nieuws</h1>
           <div class="bg-white lg:hidden">
             {{ with .Resources.Get "photo" }}
               <img
+                class="h-full w-full object-cover"
                 src="{{ (.Process "resize 576x webp").RelPermalink }}"
                 alt="{{ .Title }}"
-                class="h-full w-full object-cover"
               />
             {{ end }}
             <div class="py-14">
@@ -46,9 +46,9 @@ <h2 class="text-center">
 
             {{ with .Resources.Get "photo" }}
               <img
+                class="h-full w-full object-cover"
                 src="{{ (.Process "resize 576x webp").RelPermalink }}"
                 alt="{{ .Title }}"
-                class="h-full w-full object-cover"
               />
             {{ end }}
           </div>
diff --git a/layouts/onze-poezen/section.html b/layouts/onze-poezen/section.html
index ea5301b..017ad0d 100644
--- a/layouts/onze-poezen/section.html
+++ b/layouts/onze-poezen/section.html
@@ -4,9 +4,9 @@
       <div class="absolute aspect-auto h-48 w-full">
         {{ with (resources.Get "photos/yuki-ginny-close-up.jpg").Process "resize 1024x webp" }}
           <img
+            class="z-0 h-full w-full object-cover"
             src="{{ .RelPermalink }}"
             alt="Yuki and Ginny close up"
-            class="z-0 h-full w-full object-cover"
           />
         {{ end }}
       </div>
@@ -26,9 +26,9 @@ <h1 class="text-white">Onze poezen</h1>
           <div class="lg:hidden">
             {{ with (.Resources.Get "photo").Process "resize 576x webp" }}
               <img
+                class="aspect-square h-fit w-full object-cover"
                 src="{{ .RelPermalink }}"
                 alt="{{ .Title }}"
-                class="aspect-square h-fit w-full object-cover"
               />
             {{ end }}
             <div class="py-14">
@@ -45,9 +45,9 @@ <h2 class="mt-0 text-center">{{ .Title }}</h2>
             <div>
               {{ with (.Resources.Get "photo").Process "resize 576x webp" }}
                 <img
+                  class="aspect-square h-fit w-full object-cover"
                   src="{{ .RelPermalink }}"
                   alt="{{ .Title }}"
-                  class="aspect-square h-fit w-full object-cover"
                 />
               {{ end }}
             </div>
diff --git a/layouts/partials/contact-button.html b/layouts/partials/contact-button.html
index eb491a6..6137107 100644
--- a/layouts/partials/contact-button.html
+++ b/layouts/partials/contact-button.html
@@ -1,8 +1,8 @@
 <div class="grid place-content-center bg-beige py-16 text-center">
   <h2 class="mt-0">Nog vragen?</h2>
   <a
-    href="/contact"
     class="m-2 whitespace-nowrap rounded-full bg-orange px-4 py-3 font-light text-white transition hover:bg-orange/75"
+    href="/contact"
   >
     Contact
   </a>
diff --git a/layouts/partials/contact-form.html b/layouts/partials/contact-form.html
index 0ca4431..411e7a3 100644
--- a/layouts/partials/contact-form.html
+++ b/layouts/partials/contact-form.html
@@ -2,9 +2,9 @@
   {{ with (resources.Get "photos/yuki-ginny-balcony-looking-outside-together.jpg").Process "webp" }}
     <div class="mb-16 mt-8 flex content-center bg-white lg:hidden">
       <img
+        class="w-100 aspect-[16/9] object-cover"
         src="{{ .RelPermalink }}"
         alt="Yuki and Ginny looking outside from the balcony together"
-        class="w-100 aspect-[16/9] object-cover"
         style="object-position: 100% 30%"
       />
     </div>
@@ -16,20 +16,20 @@ <h1 class="mt-0 text-center">Contact</h1>
     <div class="flex justify-center">
       <div class="mx-2 h-5 w-5">
         <a
+          class="text-stone-700"
           href="https://www.facebook.com/CatteryHamana"
           target="_blank"
           aria-label="Cattery Hamana Facebook"
-          class="text-stone-700"
         >
           {{- partial "facebook-logo" . -}}
         </a>
       </div>
       <div class="mx-2 h-5 w-5">
         <a
+          class="text-stone-700"
           href="https://instagram.com/attack.of.the.fluff"
           target="_blank"
           aria-label="Cattery Hamana Instagram"
-          class="text-stone-700"
         >
           {{- partial "instagram-logo" . -}}
         </a>
@@ -37,42 +37,42 @@ <h1 class="mt-0 text-center">Contact</h1>
     </div>
 
     <form
+      class="mt-16 flex flex-col"
       method="post"
       action="https://forms.un-static.com/forms/1b7b3742d437de093ac5c3507131de88ae85602d"
-      class="mt-16 flex flex-col"
     >
       <input
+        class="mx-2 mb-2 border border-white border-b-stone-800 px-2 py-4 hover:border-stone-800"
         type="text"
         name="Naam"
         placeholder="Vul je naam in"
-        class="mx-2 mb-2 border border-white border-b-stone-800 px-2 py-4 hover:border-stone-800"
         required
       />
       <input
+        class="mx-2 mb-2 border border-white border-b-stone-800 px-2 py-4 hover:border-stone-800"
         type="email"
         name="Email"
         placeholder="Vul je e-mailadres in"
-        class="mx-2 mb-2 border border-white border-b-stone-800 px-2 py-4 hover:border-stone-800"
         required
       />
       <input
+        class="mx-2 mb-2 border border-white border-b-stone-800 px-2 py-4 hover:border-stone-800"
         type="text"
         name="Onderwerp"
         placeholder="Vul het onderwerp in"
-        class="mx-2 mb-2 border border-white border-b-stone-800 px-2 py-4 hover:border-stone-800"
         required
       />
       <textarea
+        class="mx-2 mb-2 resize-none border border-white border-b-stone-800 px-2 py-4 hover:border-stone-800"
         name="Bericht"
         cols="40"
         rows="5"
         placeholder="Typ hier je bericht…"
-        class="mx-2 mb-2 resize-none border border-white border-b-stone-800 px-2 py-4 hover:border-stone-800"
       ></textarea>
       <div class="text-center">
         <button
-          type="submit"
           class="my-4 whitespace-nowrap rounded-full bg-orange px-6 py-4 font-light text-white transition hover:bg-orange/75"
+          type="submit"
         >
           Verstuur
         </button>
@@ -83,9 +83,9 @@ <h1 class="mt-0 text-center">Contact</h1>
   <div class="hidden content-center bg-white lg:flex">
     {{ with (resources.Get "photos/yuki-ginny-balcony-looking-outside-together.jpg").Process "resize 640x fit webp" }}
       <img
+        class="object-cover"
         src="{{ .RelPermalink }}"
         alt="Yuki and Ginny looking outside from the balcony together"
-        class="object-cover"
       />
     {{ end }}
   </div>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 41051a5..6587170 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -2,20 +2,20 @@
   <div class="flex justify-center bg-white py-4">
     <div class="mx-2 h-6 w-6">
       <a
+        class="text-stone-700"
         href="https://www.facebook.com/CatteryHamana"
         target="_blank"
         aria-label="Cattery Hamana Facebook"
-        class="text-stone-700"
       >
         {{- partial "facebook-logo" . -}}
       </a>
     </div>
     <div class="mx-2 h-6 w-6">
       <a
+        class="text-stone-700"
         href="https://instagram.com/attack.of.the.fluff"
         target="_blank"
         aria-label="Cattery Hamana instagram"
-        class="text-stone-700"
       >
         {{- partial "instagram-logo" . -}}
       </a>
@@ -34,9 +34,9 @@
       {{ if .Site.Params.umami.enabled }}
         | Privacy-vriendelijke analytics met
         <a
+          class="hover:text-accent-light-400 hover:dark:text-accent-dark-500 underline"
           href="https://umami.is"
           target="_blank"
-          class="hover:text-accent-light-400 hover:dark:text-accent-dark-500 underline"
           >umami</a
         >.
       {{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 0e25672..16a6664 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -6,9 +6,9 @@
       <div class="flex-column lg:flex lg:items-center">
         {{ with (resources.Get "logo-cats.png").Process "webp drawing" }}
           <img
+            class="mh-24 mx-auto w-48 lg:mx-0"
             src="{{ .RelPermalink }}"
             alt="Cattery Hamana"
-            class="mh-24 mx-auto w-48 lg:mx-0"
           />
         {{ end }}
 
diff --git a/layouts/partials/navigation.html b/layouts/partials/navigation.html
index 62b0404..2c166dd 100644
--- a/layouts/partials/navigation.html
+++ b/layouts/partials/navigation.html
@@ -8,26 +8,26 @@
 
 
   <a
+    class="mx-2 h-5 w-5 text-stone-800"
     href="https://www.facebook.com/CatteryHamana"
     target="_blank"
     aria-label="Cattery Hamana Facebook"
-    class="mx-2 h-5 w-5 text-stone-800"
     >{{- partial "facebook-logo" . -}}</a
   >
 
   <a
+    class="mx-2 h-5 w-5 text-stone-800"
     href="https://instagram.com/attack.of.the.fluff"
     target="_blank"
-    class="mx-2 h-5 w-5 text-stone-800"
     aria-label="Cattery Hamana Instagram"
     >{{- partial "instagram-logo" . -}}</a
   >
 </nav>
 
-<div x-data="{ open: false }" class="lg:hidden">
+<div class="lg:hidden" x-data="{ open: false }">
   <nav
-    id="nav-screen"
     class="fixed inset-0 z-40 h-full w-screen max-w-none touch-none overflow-y-auto overflow-x-hidden bg-white pt-10 transition"
+    id="nav-screen"
     x-show="open"
     x-transition
     x-transition:enter.duration.200ms
@@ -48,16 +48,16 @@ <h1 class="mb-16 text-center">{{ .Site.Title }}</h1>
 
     <div class="flex w-full justify-center space-x-4">
       <a
+        class="h-16 w-16 p-4 text-stone-800"
         href="https://www.facebook.com/CatteryHamana"
         target="_blank"
-        class="h-16 w-16 p-4 text-stone-800"
         >{{- partial "facebook-logo" . -}}</a
       >
 
       <a
+        class="h-16 w-16 p-4 text-stone-800"
         href="https://instagram.com/attack.of.the.fluff"
         target="_blank"
-        class="h-16 w-16 p-4 text-stone-800"
         >{{- partial "instagram-logo" . -}}</a
       >
     </div>
diff --git a/package-lock.json b/package-lock.json
index 022cb63..ea4671b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "postcss-cli": "^10.1.0",
         "prettier": "^3.0.3",
         "prettier-plugin-go-template": "^0.0.15",
+        "prettier-plugin-organize-attributes": "^1.0.0",
         "prettier-plugin-tailwindcss": "^0.5.6",
         "tailwind-hamburgers": "^1.3.5",
         "tailwindcss": "^3.3.2"
@@ -1162,6 +1163,18 @@
         "prettier": "^3.0.0"
       }
     },
+    "node_modules/prettier-plugin-organize-attributes": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-organize-attributes/-/prettier-plugin-organize-attributes-1.0.0.tgz",
+      "integrity": "sha512-+NmameaLxbCcylEXsKPmawtzla5EE6ECqvGkpfQz4KM847fXDifB1gFnPQEpoADAq6IXg+cMI8Z0ISJEXa6fhg==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "prettier": "^3.0.0"
+      }
+    },
     "node_modules/prettier-plugin-tailwindcss": {
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.6.tgz",
diff --git a/package.json b/package.json
index 4fd5fc0..433ad88 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
     "postcss-cli": "^10.1.0",
     "prettier": "^3.0.3",
     "prettier-plugin-go-template": "^0.0.15",
+    "prettier-plugin-organize-attributes": "^1.0.0",
     "prettier-plugin-tailwindcss": "^0.5.6",
     "tailwind-hamburgers": "^1.3.5",
     "tailwindcss": "^3.3.2"