rollingDraw/src/router/index.js

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

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      redirect: '/admin/participants'
    },
    {
      path: '/admin',
      component: () => import('@/views/AdminLayout.vue'),
      children: [
        {
          path: 'participants',
          name: 'Participants',
          component: () => import('@/views/admin/Participants.vue')
        },
        {
          path: 'prizes',
          name: 'Prizes',
          component: () => import('@/views/admin/Prizes.vue')
        },
        {
          path: 'rounds',
          name: 'Rounds',
          component: () => import('@/views/admin/Rounds.vue')
        },
        {
          path: 'winners',
          name: 'Winners',
          component: () => import('@/views/admin/Winners.vue')
        }
      ]
    },
    {
      path: '/display',
      name: 'Display',
      component: () => import('@/views/Display.vue')
    }
  ]
})

export default router