Combine the power of ghost and vuejs

I want to combine the power of ghost and Vue.js. My requirement is reuse the current framework and front-end of ghost as much as possible, but use Vue.js to render some type of posts. I don’t know is it possible to do it with the custom-template? I mean the vue-based SPA take the whole control of interaction and render of the post content.

Any tips about how to do this?

Hi,

check out this docs API v3

you can build a site using vue.js with nuxt.js

Ghost Nuxt.js Starter

Site build using Nuxt.js and Vue.js

thanks a lot. I found the solution. In the theme, modify the handlebars file, use Vue component directly.

2 Likes

Are there any templates that have vue already included in?

In fact, I use Vue based component as a Ghost “card”. Today, I have successfully make 3 cards mainly focus the requirement of my extension of map. But I am sure it’s possible to make more cards by Vue.

In my customized distribution, the default.hbs and other 3 customized post templates use this kind of combination.