hypernova-vue

Vue 3 bindings for Hypernova.

On the server, wraps the component in a function to render it to a HTML string given its props.

On the client, calling this function with your component scans the DOM for any server-side rendered instances of it. It then resumes those components using the server-specified props.

Install

npm install https://github.com/zsilbi/hypernova-vue

Usage

Here's how to use it in your module:

import { renderVue, Vue } from 'hypernova-vue'
import HeaderComponent from './components/HeaderComponent.vue'

export default renderVue('Header', HeaderComponent)

Usage with Pinia

import { renderPinia, Vue } from 'hypernova-vue'
import { createPinia } from 'pinia'
import HeaderComponent from './components/HeaderComponent.vue'

export default renderPinia('Header', HeaderComponent, createPinia)