From 9b37078d79364967a0752f5a5fc77fe53b7507fc Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Tue, 25 Jul 2023 22:46:38 +0200
Subject: [PATCH] Button: add text + icon props

---
 components/YButton.vue | 13 ++++++++++---
 pages/login.vue        |  4 +---
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/components/YButton.vue b/components/YButton.vue
index e869e4f..98db470 100644
--- a/components/YButton.vue
+++ b/components/YButton.vue
@@ -1,13 +1,17 @@
 <script setup lang="ts">
 const props = withDefaults(
   defineProps<{
-    variant?: string
     type?: HTMLButtonElement['type']
+    text?: string
+    variant?: string
+    icon?: string
     block?: boolean
   }>(),
   {
-    variant: 'primary',
     type: 'button',
+    text: undefined,
+    variant: 'primary',
+    icon: undefined,
     block: false,
   },
 )
@@ -23,6 +27,9 @@ const variantClass = computed(() => {
 
 <template>
   <button class="btn" :class="[variantClass, { 'btn-block': block }]">
-    <slot name="default" />
+    <slot name="default">
+      <Icon v-if="icon" :name="icon" size="1.5em" aria-hidden="true" />
+      {{ text }}
+    </slot>
   </button>
 </template>
diff --git a/pages/login.vue b/pages/login.vue
index f51b6a5..1774c43 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -63,9 +63,7 @@ const schema = {
         />
       </FormField>
 
-      <YButton type="submit" block>
-        {{ t('login') }}
-      </YButton>
+      <YButton :text="t('login')" type="submit" block />
     </BaseForm>
   </main>
 </template>