feat: add hover prop

ICIJ · Jul 15, 2024 · 02fd3f6 · 02fd3f6
1 parent ed2cec3
commit 02fd3f6
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/lib/components/PhosphorIcon.vue b/lib/components/PhosphorIcon.vue
@@ -114,6 +114,9 @@ const props = defineProps({
   spinDuration: {
     type: String,
     default: '1s'
+  },
+  hover: {
+    type: Boolean
   }
 })
 
@@ -138,6 +141,15 @@ watch(
   }
 )
 
+watch(
+  () => props.hover,
+  () => {
+    hover.value = props.hover
+  },
+  { immediate: true }
+)
+
+
 const weight = computed(() => {
   if (hover.value && props.hoverWeight) {
     return WEIGHTS[props.hoverWeight]
@@ -190,6 +202,7 @@ const classList = computed(() => {
   return {
     [`phosphor-icon--size-${props.size}`]: hasSize.value,
     [`phosphor-icon--has-size`]: hasSize.value,
+    [`phosphor-icon--hover`]: hover.value,
   }
 })
 </script>