Merge pull request #12 from DanielleHuisman/feature/passthrough

Add support for PrimeVue passthrough prop

Author: sfxcode

src/formkit/PrimeCalendar.vue

@@ -69,6 +69,7 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
  :append-to="attrs.appendTo ?? 'body'"
  :panel-style="attrs.panelStyle"
  :panel-class="attrs.panelClass"
+ :pt="attrs.pt"
  @date-select="handleSelect"
  @input="handleInput"
  />

src/formkit/PrimeCheckbox.vue

@@ -29,6 +29,7 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
  :binary="attrs.binary ?? true"
  :true-value="attrs.trueValue ?? undefined"
  :false-value="attrs.falseValue ?? undefined"
+ :pt="attrs.pt"
  @input="handleInput"
  />
  <span v-if="context.attrs.labelRight" class="formkit-prime-right">{{ context.attrs.labelRight }}</span>

src/formkit/PrimeChips.vue

@@ -29,6 +29,7 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
  :max="attrs.max ?? undefined"
  :placeholder="attrs.placeholder"
  :separator="attrs.separator"
+ :pt="attrs.pt"
  @add="handleInput"
  @remove="handleInput"
  />

src/formkit/PrimeColorPicker.vue

@@ -25,6 +25,7 @@ function handleChange(e: any) {
  :default-color="attrs.defaultColor ?? 'ff0000'"
  :inline="attrs.inline ?? false"
  :format="attrs.format"
+ :pt="attrs.pt"
  @change="handleChange"
  />
  </div>

src/formkit/PrimeDropdown.vue

@@ -33,6 +33,7 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
  :placeholder="attrs.placeholder"
  :filter="attrs.filter ?? false"
  :show-clear="attrs.showClear ?? false"
+ :pt="attrs.pt"
  @change="handleInput"
  @blur="handleBlur"
  />

src/formkit/PrimeEditor.vue

@@ -35,6 +35,7 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
  :placeholder="attrs.placeholder"
  :formats="attrs.formats"
  :modules="attrs.modules"
+ :pt="attrs.pt"
  @text-change="handleInput"
  @selection-change="handleSelection"
  />

src/formkit/PrimeInputMask.vue

@@ -30,6 +30,7 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
  :slot-char="attrs.slotChar ?? '_'"
  :auto-clear="attrs.autoClear ?? true"
  :unmask="attrs.unmask ?? false"
+ :pt="attrs.pt"
  @blur="handleInput"
  />
  </div>

src/formkit/PrimeInputNumber.vue

@@ -40,6 +40,7 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
  :show-buttons="attrs.showButtons ?? undefined"
  :button-layout="attrs.buttonLayout ?? 'stacked'"
  :step="attrs.step ?? undefined"
+ :pt="attrs.pt"
  @input="handleInput"
  @blur="handleBlur"
  />

src/formkit/PrimeInputSwitch.vue

@@ -27,6 +27,7 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
  :aria-labelledby="attrs.ariaLabelledby"
  :true-value="attrs.trueValue ?? undefined"
  :false-value="attrs.falseValue ?? undefined"
+ :pt="attrs.pt"
  @input="handleInput"
  />
  <span v-if="context.attrs.labelRight" class="formkit-prime-right">{{ context.attrs.labelRight }}</span>

src/formkit/PrimeInputText.vue

@@ -50,6 +50,7 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
  :aria-label="attrs.ariaLabel"
  :aria-labelledby="attrs.ariaLabelledby"
  :placeholder="attrs.placeholder"
+ :pt="attrs.pt"
  @input="handleInput"
  @blur="handleBlur"
  />