{"_id":"@goldpage/vue","_rev":"41-f3f9e2c050386358f0813df1d5314bf2","name":"@goldpage/vue","dist-tags":{"latest":"0.5.13"},"versions":{"0.5.0":{"name":"@goldpage/vue","version":"0.5.0","@brillout/autoload":true,"dependencies":{"@brillout/reconfig":"0.5.0","@goldpage/html":"0.5.0","vue":"^2.6.10"},"peerDependencies":{"vue":"*","vue-loader":"*","vue-server-renderer":"*","vue-template-compiler":"*"},"checkDeps":{"skip":["vue-template-compiler"]},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/reframejs/goldpage.git"},"gitHead":"71a1a4d54bc06858541687db32a4367ad532604c","description":"\n\nGoldpage + Vue = :heart:\n\n# `@goldpage/vue`\n\nUse Goldpage with [Vue](https://github.com/vuejs/vue).\n\n### Usage\n\nInstall `@goldpage/vue`.\n\n~~~shell\n$ npm install @goldpage/vue\n~~~\n\nThe plugin is automatically loaded and\nthe `view` property of your page configs is now rendered with Vue.\n\n### Example\n\n~~~js\n// ./example/pages/hello.page.js\n\nimport Hello from './Hello.vue';\n\nexport default {\n route: '/hello/:name',\n addInitialProps,\n view: Hello,\n title,\n renderToHtml: true,\n};\n\nasync function addInitialProps({name}) {\n // We simulate a network request delay\n await sleep(0.5);\n\n const nameReversed = name.split('').reverse().join('');\n return {nameReversed};\n}\n\nfunction title({name}) {\n return 'Hi '+name;\n}\n\nfunction sleep(seconds) {\n let resolve;\n const promise = new Promise(r => resolve=r);\n setTimeout(resolve, seconds*1000);\n return promise;\n}\n~~~\n\n\n","readmeFilename":"readme.md","description":"\n\nGoldpage + Vue = :heart:\n\n# `@goldpage/vue`\n\nUse Goldpage with [Vue](https://github.com/vuejs/vue).\n\n### Usage\n\nInstall `@goldpage/vue`.\n\n~~~shell\n$ npm install @goldpage/vue\n~~~\n\nThe plugin is automatically loaded and\nthe `view` property of your page configs is now rendered with Vue.\n\n### Example\n\n~~~js\n// ./example/pages/hello.page.js\n\nimport Hello from './Hello.vue';\n\nexport default {\n route: '/hello/:name',\n addInitialProps,\n view: Hello,\n title,\n renderToHtml: true,\n};\n\nasync function addInitialProps({name}) {\n // We simulate a network request delay\n await sleep(0.5);\n\n const nameReversed = name.split('').reverse().join('');\n return {nameReversed};\n}\n\nfunction title({name}) {\n return 'Hi '+name;\n}\n\nfunction sleep(seconds) {\n let resolve;\n const promise = new Promise(r => resolve=r);\n setTimeout(resolve, seconds*1000);\n return promise;\n}\n~~~\n\n\n","readmeFilename":"readme.md"}