zigomir / carinthia

turbolinks rip-off

carinthia

follow links, morph the dom

inspiration

• turbo
• htmx

assumptions

• all pages load same css & js files, e.g. have same head element except

limitations

• currently this only works for links, a tag with valid href attribute

how to use it with SPA frameworks like vue

document.addEventListener('carinthia:load', () => {
  createApp(App).mount('#app')
})

• ensure Vue app bundle is present on all pages, or else it won't work if coming from a page that doesn't include it
• if you want your client side app generated links to also work, add x-carinthia-enhance attribute to app's root element

todo

• try out how this plays with Vue (or other) client side libraries
• don't hijack "navigate" for non-local links; see https://github.com/bigskysoftware/htmx/blob/master/dist/htmx.js#L847-L851