https://github.com/ara-framework/hypernova-vue

Vue.js bindings for Hypernova.
https://github.com/ara-framework/hypernova-vue

hypernova vuejs vuex

Last synced: 4 days ago
JSON representation

Vue.js bindings for Hypernova.

• Host: GitHub
• URL: https://github.com/ara-framework/hypernova-vue
• Owner: ara-framework
• License: mit
• Created: 2019-02-20T04:20:19.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-07-20T15:40:29.000Z (over 1 year ago)
• Last Synced: 2024-12-29T20:49:40.441Z (9 days ago)
• Topics: hypernova, vuejs, vuex
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/hypernova-vue
• Size: 32.2 KB
• Stars: 41
• Watchers: 3
• Forks: 8
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# hypernova-vue

[Vue.js](https://github.com/vuejs/vue) bindings for [Hypernova](https://github.com/airbnb/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

```sh

npm install hypernova-vue

```

## Usage

Here's how to use it in your module:

```js

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

```js

import { renderVuex, Vue } from 'hypernova-vue'

import createStore from './store'

import HeaderComponent from './components/HeaderComponent.vue'

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

```