vue router is undefined

Question

http://localhost:3000/apartamentai?filter[city]=Vilnius

import { ref, onMounted } from 'vue';
import { useRouter, useRoute } from 'vue-router';

export default {
    setup() {
        const router = useRouter();
        const route = useRoute();

        console.log(router);
        console.log(route);
    
        onMounted(() => {
            console.log(router);
            console.log(route);
        });
    }
}

I get 4 undefined. What's wrong?

https://next.router.vuejs.org/guide/advanced/composition-api.html

user_3737177 · Answer

You have to create and register the router in your app:

import { createApp } from 'vue';
import { createRouter, createWebHistory } from 'vue-router';

const router = createRouter({
    mode: 'history',
    history: createWebHistory(),
    routes: [],
});

createApp({})
    .use(router)
    .mount('#app');

as taken from here: https://next.router.vuejs.org/guide/#router-view

vue router is undefined

1 Answers