routes.ts

import { RouteNames } from '@shared/constants'

import Home from './index.vue'

export const routes = [
  {
    path: '/',
    name: RouteNames.HOME,
    meta: { title: 'Home', isShowTemplatePage: true },
    component: Home,
  },
  {
    path: '/qrcode-generator',
    name: RouteNames.QR_CODE_GENERATOR,
    meta: { title: 'Qr code generator', isShowTemplatePage: true },
    component: () => import('./qrcode/qrcode-generator.vue'),
  },
  {
    path: '/qrcode-reader',
    name: RouteNames.QR_CODE_READER,
    meta: { title: 'Qr code reader', isShowTemplatePage: true },
    component: () => import('./qrcode/qrcode-reader.vue'),
  },
  {
    path: '/intersection-api',
    children: [
      {
        path: 'infinity-scroll',
        name: RouteNames.INFINITY_SCROLL,
        component: () => import('./intersection-api/infinity-scroll.vue'),
        meta: { title: 'Infinity scroll', isShowTemplatePage: true },
      },
      {
        path: 'reactive-aside-content',
        name: RouteNames.REACTIVE_ASIDE_CONTENT,
        component: () => import('./intersection-api/reactive-aside-content.vue'),
        meta: {
          title: 'Reactive aside content',
          isShowTemplatePage: true,
        },
      },
    ],
  },
  {
    path: '/:catchAll(.*)',
    name: RouteNames.NOT_FOUND,
    redirect: {
      name: RouteNames.HOME,
    },
  },
]