From 34feb7a8c464610e299de56c4b4ac714b203e8c1 Mon Sep 17 00:00:00 2001
From: kswzr <kevin@wzr.es>
Date: Mon, 18 Mar 2024 17:13:26 +0100
Subject: [PATCH 1/3] fix: allow reactivity of icon attribute

---
 src/components/PrimeInputText.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/PrimeInputText.vue b/src/components/PrimeInputText.vue
index be67293a..22ad330c 100644
--- a/src/components/PrimeInputText.vue
+++ b/src/components/PrimeInputText.vue
@@ -18,7 +18,11 @@ const props = defineProps({
   },
 })
 
-function hasIcon() {
+const hasIcon = computed(() => {
+  if (props.context?.icon && props.context?.icon.length > 0) {
+    return true
+  }
+
   return props.context?.attrs?.icon && props.context?.attrs?.icon.length > 0
 }
 
@@ -36,7 +40,7 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
 <template>
   <div class="p-formkit">
     {{ context.attrs.icon }}
-    <IconField v-if="hasIcon()" :icon-position="context?.attrs.iconPosition">
+    <IconField v-if="hasIcon" :icon-position="context?.attrs.iconPosition">
       <InputIcon :class="context.attrs.icon" />
       <InputText
         :id="context.id"

From d9b4ca66d0eefda0700be51fd1da1d4237492d3d Mon Sep 17 00:00:00 2001
From: kswzr <kevin@wzr.es>
Date: Mon, 18 Mar 2024 17:14:19 +0100
Subject: [PATCH 2/3] fix: remove debug output in html

---
 src/components/PrimeInputText.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/PrimeInputText.vue b/src/components/PrimeInputText.vue
index 22ad330c..6edf671b 100644
--- a/src/components/PrimeInputText.vue
+++ b/src/components/PrimeInputText.vue
@@ -39,7 +39,6 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
 
 <template>
   <div class="p-formkit">
-    {{ context.attrs.icon }}
     <IconField v-if="hasIcon" :icon-position="context?.attrs.iconPosition">
       <InputIcon :class="context.attrs.icon" />
       <InputText

From c7d61b4e7df3012db4e87176708bb4d89e9a918f Mon Sep 17 00:00:00 2001
From: kswzr <kevin@wzr.es>
Date: Mon, 18 Mar 2024 17:16:52 +0100
Subject: [PATCH 3/3] fix: use icon and iconPosition prop defined in formkit
 component, to allow kebab-cased props in non-schema definitions

---
 src/components/PrimeInputText.vue | 16 +++++++++++++---
 src/index.ts                      |  3 +--
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/PrimeInputText.vue b/src/components/PrimeInputText.vue
index 6edf671b..241010e0 100644
--- a/src/components/PrimeInputText.vue
+++ b/src/components/PrimeInputText.vue
@@ -2,6 +2,7 @@
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 import type { InputTextProps } from 'primevue/inputtext'
+import type { IconFieldProps } from 'primevue/iconfield'
 
 export interface FormKitPrimeInputTextProps {
   pt?: InputTextProps['pt']
@@ -9,6 +10,7 @@ export interface FormKitPrimeInputTextProps {
   unstyled?: InputTextProps['unstyled']
   placeholder?: InputTextProps['placeholder']
   icon?: string
+  iconPosition?: IconFieldProps['iconPosition']
 }
 
 const props = defineProps({
@@ -24,7 +26,15 @@ const hasIcon = computed(() => {
   }
 
   return props.context?.attrs?.icon && props.context?.attrs?.icon.length > 0
-}
+})
+
+const icon = computed(() => {
+  return props.context?.icon ?? props.context?.attrs?.icon
+})
+
+const iconPosition = computed(() => {
+  return props.context?.attrs?.iconPosition ?? undefined;
+})
 
 function handleBlur(e: Event) {
   props.context?.handlers.blur(e)
@@ -39,8 +49,8 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
 
 <template>
   <div class="p-formkit">
-    <IconField v-if="hasIcon" :icon-position="context?.attrs.iconPosition">
-      <InputIcon :class="context.attrs.icon" />
+    <IconField v-if="hasIcon" :icon-position="iconPosition">
+      <InputIcon :class="icon" />
       <InputText
         :id="context.id"
         v-model="context._value"
diff --git a/src/index.ts b/src/index.ts
index 82315a26..c7863d0e 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -46,12 +46,11 @@ export const primeAutoCompleteDefinition: FormKitTypeDefinition = createInput(Pr
 })
 export const primeInputTextDefinition: FormKitTypeDefinition = createInput(PrimeInputText, {
   props: [
-    'iconRight',
-    'iconLeft',
     'pt',
     'ptOptions',
     'unstyled',
     'placeholder',
+    'icon',
   ],
 })