// src/router/index.js

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

​

const routes = [

    {

        path: '/',

        name: 'Home',

        component: () => import('../views/Home.vue')

    },

    {

        path: '/about',

        name: 'About',

        component: () => import('../views/About.vue')

    },

    {

        path: '/contact',

        name: 'Contact',

        component: () => import('../views/Contact.vue')

    }

]

​

const router = createRouter({

    history: createWebHistory(),

    routes

})

​

export default router 

// add Route in template

<router-link to="/home">Home</router-link>