@goldpage/vue v0.5.13

Goldpage + Vue = :heart:

@goldpage/vue

Use Goldpage with Vue.

Usage

Install @goldpage/vue.

$ npm install @goldpage/vue

The plugin is automatically loaded and the view property of your page configs is now rendered with Vue.

Example

// ./example/pages/hello.page.js

import Hello from './Hello.vue';

export default {
  route: '/hello/:name',
  addInitialProps,
  view: Hello,
  title,
  renderToHtml: true,
};

async function addInitialProps({name}) {
  // We simulate a network request delay
  await sleep(0.5);

  const nameReversed = name.split('').reverse().join('');
  return {nameReversed};
}

function title({name}) {
  return 'Hi '+name;
}

function sleep(seconds) {
  let resolve;
  const promise = new Promise(r => resolve=r);
  setTimeout(resolve, seconds*1000);
  return promise;
}