refactor(attributes): change _readonly to readonly

BREAKING CHANGE: readonly instead of _readonly must be used

Author: sfxcode

dev/components/demo/PrimeInput.vue

@@ -61,7 +61,7 @@ async function submitHandler() {
           <TabPanel v-if="primeAttributes || customAttributes" header="Supported Attributes">
             <h4>Base Attributes</h4>
             <div>
-              <span>disabled, _readonly, style, class, tabindex, ariaLabel, ariaLabelledby, pt, ptOptions, unstyled</span>
+              <span>disabled, readonly, style, class, tabindex, ariaLabel, ariaLabelledby, pt, ptOptions, unstyled</span>
             </div>
             <h4>PrimeVue Attributes</h4>
             <div>

dev/pages/inputs/Checkbox.vue

@@ -24,7 +24,7 @@ const schema
       $formkit: 'primeCheckbox',
       name: 'readonly',
       label: 'readonly',
-      _readonly: true,
+      readonly: true,
     },
     {
       $formkit: 'primeCheckbox',

dev/pages/inputs/InputNumber.vue

@@ -18,7 +18,7 @@ const schema
       value: 1234,
       class: 'customClass',
       style: 'background:gray;',
-      _readonly: true,
+      readonly: true,
     },
   ]
 

dev/pages/inputs/InputSwitch.vue

@@ -28,7 +28,7 @@ const schema
       $formkit: 'primeInputSwitch',
       name: 'readonly',
       label: 'readonly',
-      _readonly: true,
+      readonly: true,
     },
     {
       $formkit: 'primeInputSwitch',

dev/pages/inputs/Textarea.vue

@@ -28,7 +28,7 @@ const schema
       $formkit: 'primeTextarea',
       name: 'name',
       placeholder: 'Read Only',
-      _readonly: true,
+      readonly: true,
     },
 
   ]

src/components/PrimeCalendar.vue

@@ -83,7 +83,7 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
       v-bind="context?.attrs"
       :input-id="context.id"
       :disabled="!!context?.disabled"
-      :readonly="context?.attrs._readonly ?? false"
+      :readonly="context?.attrs.readonly ?? false"
       :input-style="context?.attrs.style"
       :input-class="styleClass"
       :tabindex="context?.attrs.tabindex"

src/components/PrimeCascadeSelect.vue

@@ -40,7 +40,7 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
       v-model="context._value"
       v-bind="context?.attrs"
       :disabled="!!context?.disabled"
-      :readonly="context?.attrs._readonly ?? false"
+      :readonly="context?.attrs.readonly ?? false"
       :class="styleClass"
       :tabindex="context?.attrs.tabindex"
       :aria-label="context?.attrs.ariaLabel"

src/components/PrimeCheckbox.vue

@@ -40,7 +40,7 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
       v-bind="context?.attrs"
       :input-id="context.id"
       :disabled="!!context?.disabled"
-      :readonly="context?.attrs._readonly ?? false"
+      :readonly="context?.attrs.readonly ?? false"
       :input-style="context?.attrs.style"
       :input-class="styleClass"
       :tabindex="context?.attrs.tabindex"

src/components/PrimeChips.vue

@@ -34,7 +34,7 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
       v-bind="context?.attrs"
       :input-id="context.id"
       :disabled="!!context?.disabled"
-      :readonly="context?.attrs._readonly ?? false"
+      :readonly="context?.attrs.readonly ?? false"
       :input-style="context?.attrs.style"
       :input-class="styleClass"
       :tabindex="context?.attrs.tabindex"

src/components/PrimeColorPicker.vue

@@ -30,7 +30,7 @@ function handleChange(_: any) {
       v-model="context._value"
       v-bind="context?.attrs"
       :disabled="!!context?.disabled"
-      :readonly="context?.attrs._readonly ?? false"
+      :readonly="context?.attrs.readonly ?? false"
       :style="context?.attrs.style"
       :panel-class="context?.attrs.class"
       :tabindex="context?.attrs.tabindex"