From a32960593bad8b1da7e725d83d101aa5c4530157 Mon Sep 17 00:00:00 2001
From: Matthieu Petit <p.matthieu@me.com>
Date: Wed, 12 Jun 2024 20:20:13 +0200
Subject: [PATCH] fix(tailwind): fix warnings

---
 src/components/LoadingSpinner.vue    | 2 +-
 src/components/NotificationToast.vue | 4 ++--
 src/components/form/AppButton.vue    | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/LoadingSpinner.vue b/src/components/LoadingSpinner.vue
index 4c7e97d..7172a0b 100644
--- a/src/components/LoadingSpinner.vue
+++ b/src/components/LoadingSpinner.vue
@@ -1,7 +1,7 @@
 <template>
   <div role="status">
     <svg
-      class="h-full w-full animate-spin"
+      class="size-full animate-spin"
       fill="none"
       viewBox="0 0 24 24"
       xmlns="http://www.w3.org/2000/svg">
diff --git a/src/components/NotificationToast.vue b/src/components/NotificationToast.vue
index 8844505..3ef57fb 100644
--- a/src/components/NotificationToast.vue
+++ b/src/components/NotificationToast.vue
@@ -26,7 +26,7 @@
             <div class="flex items-start">
               <SvgIcon
                 aria-hidden="true"
-                :class="['h-6 w-6 shrink-0', getIconColorFromType(notification.type)]"
+                :class="['size-6 shrink-0', getIconColorFromType(notification.type)]"
                 :path="notification.icon || getIconFromType(notification.type)"
                 type="mdi" />
               <div class="ml-3 w-0 flex-1 pt-0.5">
@@ -58,7 +58,7 @@
                 type="button"
                 @click="notificationsStore.dismissNotification(notification.id)">
                 <span class="sr-only">{{ $t('action.close') }}</span>
-                <SvgIcon aria-hidden="true" class="h-6 w-6" :path="mdiClose" type="mdi" />
+                <SvgIcon aria-hidden="true" class="size-6" :path="mdiClose" type="mdi" />
               </button>
             </div>
           </div>
diff --git a/src/components/form/AppButton.vue b/src/components/form/AppButton.vue
index f3ffbf4..fbd440b 100644
--- a/src/components/form/AppButton.vue
+++ b/src/components/form/AppButton.vue
@@ -3,8 +3,8 @@
     class="inline-flex items-center justify-center rounded-md px-4 py-2 font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 sm:text-sm"
     :disabled="loading"
     :type="type">
-    <LoadingSpinner v-if="loading" class="mr-2 h-5 w-5" />
-    <SvgIcon v-else-if="icon" aria-hidden="true" class="mr-2 h-5 w-5" :path="icon" type="mdi" />
+    <LoadingSpinner v-if="loading" class="mr-2 size-5" />
+    <SvgIcon v-else-if="icon" aria-hidden="true" class="mr-2 size-5" :path="icon" type="mdi" />
     <slot />
   </button>
 </template>