import { ref } from '@vue/reactivity'
import { useRouter } from 'vue-router'

export const useForm = () => {
  const userInput = ref('')
  const repoInput = ref('')
  const { push } = useRouter()

  const submit = () => {
    if (!userInput.value || !repoInput.value) {
      return
    }

    push({
      name: 'Home',
      params: {
        user: userInput.value,
        repo: repoInput.value
      }
    })
  }

  return {
    userInput,
    repoInput,
    submit
  }
}