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

import HomePage from './../pages/HomePage.vue'
import AboutPage from './../pages/AboutPage.vue'
import Error404Page from "../pages/Error404Page.vue";
import AuthPage from "../pages/AuthPage.vue";

const routes = [
    {path: '/', component: HomePage, name: 'home', meta: {layout: 'Main'}},
    {path: '/about', component: AboutPage, meta: {layout: 'Main', auth: true}},
    {path: '/login', component: AuthPage, meta: {layout: 'Auth', auth: false}},

    {path: '/:pathMatch(.*)*', component: Error404Page}
]

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

export default router;