<script setup>
import { useRouter } from 'vue-router'
const menus = useRouter();
console.log(menus);
</script>
it's not return the routers , but return an obejct like this:

So what I can do to fix that?
<script setup>
import { useRouter } from 'vue-router'
const menus = useRouter();
console.log(menus);
</script>
it's not return the routers , but return an obejct like this:

So what I can do to fix that?
I'm usually like this, without using {}
import VueRouter from "vue-router";
const routes = [
{
path: "/",
name: "Home",
component: Home,
},
];
const router = new VueRouter({
mode: "history",
base: process.env.BASE_URL,
routes,
});