feat(unstyled): reflect changes in primevue config

Author: sfxcode

src/components/PrimeAutoComplete.vue

@@ -21,7 +21,7 @@ const props = defineProps({
   },
 })
 
-const { isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
+const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
 
 const suggestions = ref([])
 
@@ -48,7 +48,7 @@ function search(event: AutoCompleteCompleteEvent) {
       :typeahead="context?.typeahead ?? true"
       :pt="context?.pt"
       :pt-options="context?.ptOptions"
-      :unstyled="context?.unstyled ?? false"
+      :unstyled="unstyled"
       @keydown.enter.prevent
       @complete="search"
       @change="handleInput"

src/components/PrimeCascadeSelect.vue

@@ -25,7 +25,7 @@ const props = defineProps({
   },
 })
 
-const { isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
+const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
 </script>
 
 <template>
@@ -49,7 +49,7 @@ const { isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
       :placeholder="context.placeholder"
       :pt="context.pt"
       :pt-options="context.ptOptions"
-      :unstyled="context.unstyled ?? false"
+      :unstyled="unstyled"
       @change="handleInput"
       @blur="handleBlur"
     />

src/components/PrimeCheckbox.vue

@@ -25,7 +25,7 @@ const props = defineProps({
 
 const { hasPrefix, hasSuffix, generateId } = useFormKitSection(props.context)
 
-const { isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
+const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
 
 const generatedId = generateId()
 </script>
@@ -54,7 +54,7 @@ const generatedId = generateId()
       :false-value="context.falseValue ?? undefined"
       :pt="context.pt"
       :pt-options="context.ptOptions"
-      :unstyled="context.unstyled ?? false"
+      :unstyled="unstyled"
       @change="handleInput"
       @blur="handleBlur"
     />

src/components/PrimeColorPicker.vue

@@ -42,7 +42,7 @@ const { handleChange } = useFormKitInput(props.context)
       :format="context.format"
       :pt="context.pt"
       :pt-options="context.ptOptions"
-      :unstyled="context.unstyled ?? false"
+      :unstyled="unstyled"
       @change="handleChange"
     />
   </div>

src/components/PrimeDatePicker.vue

@@ -59,7 +59,7 @@ const props = defineProps({
   },
 })
 
-const { isInvalid, handleInput, handleSelect } = useFormKitInput(props.context)
+const { unstyled, isInvalid, handleInput, handleSelect } = useFormKitInput(props.context)
 
 function handleBlur(e: DatePickerBlurEvent) {
   props.context?.handlers.blur(e.originalEvent)

src/components/PrimeEditor.vue

@@ -22,7 +22,7 @@ const props = defineProps({
   },
 })
 
-const { isInvalid, handleInput } = useFormKitInput(props.context)
+const { unstyled, isInvalid, handleInput } = useFormKitInput(props.context)
 
 function handleSelection(e: EditorSelectionChangeEvent) {
   if (e.range === null)
@@ -49,7 +49,7 @@ function handleSelection(e: EditorSelectionChangeEvent) {
       :modules="context.modules"
       :pt="context.pt"
       :pt-options="context.ptOptions"
-      :unstyled="context.unstyled ?? false"
+      :unstyled="unstyled"
       @text-change="handleInput"
       @selection-change="handleSelection"
     />

src/components/PrimeInputMask.vue

@@ -26,7 +26,7 @@ const props = defineProps({
   },
 })
 
-const { isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
+const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
 const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
 </script>
 
@@ -52,7 +52,7 @@ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
         :pt="context.pt"
         :variant="context.variant"
         :pt-options="context.ptOptions"
-        :unstyled="context.unstyled ?? false"
+        :unstyled="unstyled"
         @input="handleInput"
         @blur="handleBlur"
       />

src/components/PrimeInputNumber.vue

@@ -33,7 +33,7 @@ const props = defineProps({
   },
 })
 
-const { isInvalid, handleInput } = useFormKitInput(props.context)
+const { unstyled, isInvalid, handleInput } = useFormKitInput(props.context)
 
 function handleBlur(e: InputNumberBlurEvent) {
   props.context?.handlers.blur(e.originalEvent)
@@ -70,7 +70,7 @@ function handleBlur(e: InputNumberBlurEvent) {
       :step="context.step ?? undefined"
       :pt="context.pt"
       :pt-options="context.ptOptions"
-      :unstyled="context.unstyled ?? false"
+      :unstyled="unstyled"
       @input="handleInput"
       @blur="handleBlur"
     />

src/components/PrimeInputOtp.vue

@@ -23,7 +23,7 @@ const props = defineProps({
   },
 })
 
-const { isInvalid, handleBlur, handleInput } = useFormKitInput(props.context)
+const { unstyled, isInvalid, handleBlur, handleInput } = useFormKitInput(props.context)
 </script>
 
 <template>
@@ -46,7 +46,7 @@ const { isInvalid, handleBlur, handleInput } = useFormKitInput(props.context)
       :integer-only="context.integerOnly"
       :pt="context.pt"
       :pt-options="context.ptOptions"
-      :unstyled="context.unstyled ?? false"
+      :unstyled="unstyled"
       @change="handleInput"
       @blur="handleBlur"
     />

src/components/PrimeInputText.vue

@@ -21,7 +21,7 @@ const props = defineProps({
   },
 })
 
-const { isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
+const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
 const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
 </script>
 
@@ -44,7 +44,7 @@ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
         :placeholder="context.placeholder"
         :pt="context.pt"
         :pt-options="context.ptOptions"
-        :unstyled="context.unstyled ?? false"
+        :unstyled="unstyled"
         @input="handleInput"
         @blur="handleBlur"
       />