import { Outlet } from '../components/Outlet'

import { h } from 'vue'

import type { RouteObject, PartialRouteObject } from './types'

export const createRoutesFromArray = (
  partialRouteObjects: PartialRouteObject[],
): RouteObject[] => {
  return partialRouteObjects.map((partialRoute) => {
    const route: RouteObject = {
      path: partialRoute.path || '/',
      caseSensitive: partialRoute.caseSensitive === true,
      element: partialRoute.element || Outlet,
    }

    if (partialRoute.children) {
      route.children = createRoutesFromArray(partialRoute.children)
    }

    return route
  })
}