diff --git a/src/__fk-inputs__/inputs/_demo_text.ts b/src/__fk-inputs__/inputs/_demo_text.ts index 4d45efb..c6c8e19 100644 --- a/src/__fk-inputs__/inputs/_demo_text.ts +++ b/src/__fk-inputs__/inputs/_demo_text.ts @@ -15,6 +15,8 @@ import { import { messages } from '../sections/messages'; import { h, markRaw } from 'vue'; +// https://github.com/formkit/formkit/blob/e57ad1632b95d34d9e6cf046a4802f7ae389700e/packages/vue/src/composables/createInput.ts + /** * Input definition for a text. * @public diff --git a/src/__fk-inputs__/inputs/input-text.ts b/src/__fk-inputs__/inputs/input-text.ts index 4b5fd4a..647e833 100644 --- a/src/__fk-inputs__/inputs/input-text.ts +++ b/src/__fk-inputs__/inputs/input-text.ts @@ -5,21 +5,14 @@ import InputTextCmp from 'primevue/inputtext'; import { markRaw } from 'vue'; import { messages } from '../sections/messages'; -declare module '@formkit/inputs' { - // https://formkit.com/essentials/custom-inputs#typescript-support - interface FormKitInputProps> { - PInputText: { - type: 'PInputText'; - }; - } -} +const cmpName = `SchemaComponentPInputText`; export const PInputText: FormKitTypeDefinition = { type: 'input', schema: outer( label('$label'), createSection('input', () => ({ - $cmp: 'InputTextCmp', + $cmp: cmpName, bind: '$attrs', props: { invalid: '$state.invalid', @@ -37,8 +30,17 @@ export const PInputText: FormKitTypeDefinition = { messages(), ), library: { - InputTextCmp: markRaw(InputTextCmp), + [cmpName]: markRaw(InputTextCmp), }, features: [casts], // schemaMemoKey: 'g2f31c24kjh', }; + +declare module '@formkit/inputs' { + // https://formkit.com/essentials/custom-inputs#typescript-support + interface FormKitInputProps> { + PInputText: { + type: 'PInputText'; + }; + } +}