fix(Toggle): add v-if when icon props not defined

nuxt · Feb 14, 2022 · 90ff1c0 · 90ff1c0
1 parent 4c89122
commit 90ff1c0
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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,