Enhance page api dream boat

main-page.js

// Function name would be the page name
export async function Main(html, data) {
  return html`<my-custom-element todos="${data.todos}"></my-custom-element>`
}

// http function inside get /main
import scopedData as data from '@begin/data'
import enhance from '@enhance/enhance'
const html = enhance({
  templates: '@architect/views/templates',
  modules: 'components'
})

import Main from '/main'

export async function handler(req) {
  return {
     body: await Main(html, data)
  }
}