<script setup>
const route = useRoute()

const mode = typeof route.params.mode === "string" ? route.params.mode : ""
const id = typeof route.params.id === "string" ? route.params.id : ""

const query = { ...route.query }

if (["create", "show", "edit"].includes(mode)) {
  query.mode = mode
}

if (id) {
  query.id = id
}

await navigateTo({ path: "/tasks", query }, { replace: true })
</script>

<template>
  <UProgress animation="carousel" class="p-5 mt-10" />
</template>
