quasar/src/composables/use-form/private.use-form.js

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

import { h, computed } from 'vue'

export const useFormProps = {
  name: String
}

export function useFormAttrs(props) {
  return computed(() => ({
    type: 'hidden',
    name: props.name,
    value: props.modelValue
  }))
}

export function useFormInject(formAttrs = {}) {
  return (child, action, className) => {
    child[action](
      h('input', {
        class: 'hidden' + (className || ''),
        ...formAttrs.value
      })
    )
  }
}

export function useFormInputNameAttr(props) {
  return computed(() => props.name || props.for)
}