Ошибка при создании роута?

Question

[yellow_pus]

Использую vue 2ой версии, vue-router 4ой версии. Для роутов создал отдельный файл router.js, в котором:

import { createRouter, createWebHistory } from 'vue-router'
import Index from './views/index';


const routes = [{
    path:'/blog', name: Index,
}];
const router = createRouter({
    history: createWebHistory(process.env.BASE_URL),
    routes
})

export default router

Теперь, как я понимаю, его нужно подключить в главном, app.js файле, я делаю то так:

import router from './router';
const app = new Vue({
    el: '#app',
    router
});

На что мне вылетает ошибка:

export 'onUnmounted' (imported as 'onUnmounted') was not found in 'vue'

Но что мне показалось самым странным, ошибка не вылетает до импорта router.js, в app.js файле

Answer 1

[Aetae]

Router 4 - для Vue 3, для 2 нужен 3.