Vue.js: What is the difference between useRoute and useRouter in Nuxt 3?

1<script setup>
2const route = useRoute()
3
4// Access route properties
5console.log(route.params.id)
6console.log(route.query.search)
7console.log(route.path)
8</script>

1<script setup>
2const router = useRouter()
3
4// Navigation methods
5router.push("/posts/1")
6router.replace("/login")
7router.back()
8router.go(-1)
9</script>