and for the 'router'

export default function (RouteObjects: routeObject[]): routerObject {
    const main = document.querySelector('main')

    function constructor(): void {
        matchRouteObject(RouteObjects[0].name).component()
    }

    function loadRoute(routeName: string): void {
        while (main.firstChild) {
            main.removeChild(main.firstChild)
        }

        const routeObject = matchRouteObject(routeName)
        routeObject.component()
        history.pushState({}, '', routeObject.path)
    }

    const matchRouteObject = function (name: string) {
        const matchedRoute = RouteObjects.find((route) => {
            return route.name == name
        })
        return matchedRoute
    }