feat(css): force ordering for Tailwind classes (#399)

.prettierrc.json

@@ -1,5 +1,6 @@
 {
     "endOfLine": "lf",
+    "plugins": ["prettier-plugin-tailwindcss"],
     "printWidth": 120,
     "singleAttributePerLine": true,
     "singleQuote": true,

client/src/components/main/contact/form/ContactFormBottomPart.vue

@@ -1,15 +1,14 @@
 <template>
     <div
         data-testid="contact-form-bottom-part"
-        class="flex flex-col gap-6 items-center justify-center lg:ml-label ml-0 text-xl"
+        class="lg:ml-label ml-0 flex flex-col items-center justify-center gap-6 text-xl"
     >
         <p data-testid="required-legend">
             {{ locales.requiredLegend }}
         </p>
         <button
             data-testid="submit-button"
-            :class="`bg-primary contact-form-submit duration-300 h-12 max-w-52 transition-colors
-                w-full disabled:bg-gray-500 disabled:cursor-not-allowed hover:bg-primary-light`"
+            :class="`bg-primary contact-form-submit hover:bg-primary-light h-12 w-full max-w-52 transition-colors duration-300 disabled:cursor-not-allowed disabled:bg-gray-500`"
             :disabled="submitDisabled"
             :title="submitTitle"
             @click="$emit('click')"

client/src/components/main/contact/form/ContactFormLabelText.vue

@@ -1,7 +1,7 @@
 <template>
     <span
         data-testid="label-text"
-        class="leading-10 lg:text-right text-left lg:w-label w-full"
+        class="lg:w-label w-full text-left leading-10 lg:text-right"
     >
         {{ text }}:
         <span

client/src/components/main/home/HomeTextCursor.vue

@@ -1,7 +1,7 @@
 <template>
     <span
         data-testid="cursor"
-        class="animate-wiggle bg-current h-[1.2em] inline-flex w-0.5"
+        class="animate-wiggle inline-flex h-[1.2em] w-0.5 bg-current"
         :class="{ 'animate-blinking': blinking }"
     />
 </template>

package.json

@@ -18,6 +18,7 @@
         "@commitlint/config-conventional": "19.2.2",
         "husky": "9.1.5",
         "npm-run-all": "4.1.5",
-        "prettier": "3.3.3"
+        "prettier": "3.3.3",
+        "prettier-plugin-tailwindcss": "0.6.6"
     }
 }