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

const MainLayout = () => import('@/layouts/MainLayout.vue')
const Dashboard = () => import('@/views/Dashboard.vue')
const About = () => import('@/views/About.vue')
const Templates = () => import('@/views/Templates.vue')
const Executions = () => import('@/views/Executions.vue')

const Editor = () => import('@/views/Editor.vue')

const routes = [
	{
		path: '/',
		component: MainLayout,
		children: [
			{ path: '', name: 'Dashboard', component: Dashboard },
			{ path: 'about', name: 'About', component: About },
			{ path: 'templates', name: 'Templates', component: Templates },
			{ path: 'executions', name: 'Executions', component: Executions },
			{ path: 'workflow/:id', name: 'Editor', component: Editor }
		]
	}
]

const router = createRouter({
	history: createWebHistory(),
	routes
})

export default router