<template>
  <div>
    <input v-model="value" @input="validate" />
    <p>{{ error }}</p>
  </div>
</template>
<script>
import { defineComponent } from 'vue'
import { useFormValidation } from './formValidation'

export default defineComponent({
  setup() {

  const { inputValue, error, validate } = useFormValidation('', 'inputValue')
  return {
    inputValue,
    error,
    validate
  }
    
  }
})
</script>