import type { RouteRecordRaw } from 'vue-router'
import IssuesView from '@/views/Issues/IssuesListView.vue'
import IssueView from '@/views/Issues/IssueView.vue'

export const issuesRoutes: RouteRecordRaw = {
  path: '/issues',
  meta: { requiresAuth: true },
  children: [
    {
      path: '',
      name: 'issues',
      component: IssuesView,
      meta: { breadcrumb: 'Issues' },
    },
    {
      path: ':ckey',
      name: 'issue-detail',
      component: IssueView,
      props: true,
      meta: {
        breadcrumb: (route) => route.params.ckey as string,
        backTo: 'issues',
        fluid: true,
      },
    },
  ],
}