Skip to content

ara-framework/hypernova-vue

Repository files navigation

hypernova-vue

Vue.js 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 hypernova-vue

Usage

Here's how to use it in your module:

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

const Header = Vue.extend(HeaderComponent)

export default renderVue('Header', Header)

Usage with Vuex

import { renderVuex, Vue } from 'hypernova-vue'
import createStore from './store'
import HeaderComponent from './components/HeaderComponent.vue'

export default renderVuex('Header', HeaderComponent, createStore)