Vue.js: How do you implement routing with Vue Router?

1// router/index.ts
2import { createRouter, createWebHistory } from "vue-router"
3
4const router = createRouter({
5  history: createWebHistory(),
6  routes: [
7    { path: "/", component: Home },
8    { path: "/user/:id", component: User, props: true },
9    { path: "/admin", component: Admin, meta: { requiresAuth: true } }
10  ]
11})

1<script setup>
2import { useRouter, useRoute } from "vue-router"
3
4const router = useRouter()
5const route = useRoute()
6
7const goToUser = (id) => router.push(`/user/${id}`)
8</script>
9
10<template>
11  <RouterLink to="/">Home</RouterLink>
12  <RouterView />
13</template>