How would I typescript type this example plugin in formkit.config.ts

[fdverwoerd]

import type {DefaultConfigOptions} from '@formkit/vue'

const config: DefaultConfigOptions = {
  plugins: [addAsteriskPlugin]
}
const isCheckboxAndRadioMultiple = (node: any) => (node.props.type === 'checkbox' || node.props.type === 'radio') && node.props.options

function addAsteriskPlugin (node: any) {
  node.on('created', () => {
    const isRequired = node.props.parsedRules.some((rule:any) => rule.name === 'required');
    if (!isRequired) return

    const isMultiOption = isCheckboxAndRadioMultiple(node)

    // if we're going to modify the schema then we need
    // to update the schemaMemoKey so we don't get an
    // invalid cached schema.
    node.props.definition.schemaMemoKey = `required_${isMultiOption ? 'multi_' : ""}${node.props.definition.schemaMemoKey}`

    const schemaFn = node.props.definition.schema;
    node.props.definition.schema = (sectionsSchema = {}) => {
      if (isRequired) {
        if(isMultiOption) {
          // @ts-ignore
          sectionsSchema.legend = {
            children: ['$label', '*']
          }
        } else {
          // @ts-ignore
          sectionsSchema.label = {
            children: ['$label', '*']
          }
        }
      }
      return schemaFn(sectionsSchema);
    }
  })
}
export default config

Right now I have everything 'ignored' but I could not find the correct types to use.

[fenilli]

node: FormKitNode and rule: FormKitValidationRule. you can check all types in the API Reference

[fdverwoerd]

Thank you!