import { useRoute, useRouter } from '@starpad/ui'
import { computed } from '@vue/composition-api'

export function useOpenSurvey () {
  const route = useRoute()
  const router = useRouter()

  const displayedSurvey = computed({
    get () {
      return route.value.query.survey
    },
    set (value) {
      router.push({
        ...route.value,
        query: {
          ...route.value.query,
          survey: value != null ? String(value) : undefined,
        },
      })
    },
  })

  return {
    displayedSurvey,
  }
}