From 90ff1c0671e53ffe7fbf7b018f077f8d8fbe16cc Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 14 Feb 2022 16:54:57 +0100
Subject: [PATCH] fix(Toggle): add `v-if` when icon props not defined

---
 src/runtime/components/forms/Toggle.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/runtime/components/forms/Toggle.vue b/src/runtime/components/forms/Toggle.vue
index c0cef6e7..6c81965f 100644
--- a/src/runtime/components/forms/Toggle.vue
+++ b/src/runtime/components/forms/Toggle.vue
@@ -4,10 +4,10 @@
     :class="[active ? activeClass : inactiveClass, baseClass]"
   >
     <span :class="[active ? containerActiveClass : containerInactiveClass, containerBaseClass]">
-      <span :class="[active ? iconActiveClass : iconInactiveClass, iconBaseClass]" aria-hidden="true">
+      <span v-if="iconOn" :class="[active ? iconActiveClass : iconInactiveClass, iconBaseClass]" aria-hidden="true">
         <Icon :name="iconOn" :class="iconOnClass" />
       </span>
-      <span :class="[active ? iconInactiveClass : iconActiveClass, iconBaseClass]" aria-hidden="true">
+      <span v-if="iconOff" :class="[active ? iconInactiveClass : iconActiveClass, iconBaseClass]" aria-hidden="true">
         <Icon :name="iconOff" :class="iconOffClass" />
       </span>
     </span>
@@ -27,11 +27,11 @@ const props = defineProps({
   },
   iconOn: {
     type: String,
-    default: ''
+    default: null
   },
   iconOff: {
     type: String,
-    default: ''
+    default: null
   },
   baseClass: {
     type: String,