Tinder clone router.js

router.js

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

const routes = [
  {
    path: '/',
    component: () => import(/* webpackChunkName: "home" */ './views/Home.vue'),
    name: 'home',
    meta: { requiresAuth: true, requiresProfile: true }
  },
  {
    path: '/profile',
    component: () => import(/* webpackChunkName: "profile" */ './views/Profile.vue'),
    name: 'profile',
    meta: { requiresAuth: true }
  },
  {
    path: '/friends',
    component: () => import(/* webpackChunkName: "friends" */ './views/Friends.vue'),
    name: 'friends',
    meta: { requiresAuth: true, requiresProfile: true }
  },
  {
    path: '/chats/:uid',
    component: () => import(/* webpackChunkName: "chats" */ './views/Chats.vue'),
    name: 'chat',
    props: true,
    meta: { requiresAuth: true, requiresProfile: true }
  },
  {
    path: '/login',
    component: () => import(/* webpackChunkName: "login" */ './views/Login.vue'),
    name: 'login'
  },
  {
    path: '/register',
    component: () => import(/* webpackChunkName: "register" */ './views/Register.vue'),
    name: 'register'
  },
  {
    path: '/forget',
    component: () => import(/* webpackChunkName: "forget" */ './views/Forget.vue'),
    name: 'forget'
  },
]

const router = new Router({
  base: process.env.BASE_URL,
  mode: 'history',
  routes
})

export default router;