gilbitron / wp-rest-theme

A WordPress theme powered by the WordPress REST API and Vue.js

Hi! I’m Gilbert

I'm a Software Engineer living and working in the North of Scotland. I'm currently co-founder & CTO of Lemon Squeezy.

• Find out more about me
• I tweet about web development, tech and life
• I do it for the gram

Want to chat? Hit me up on Telegram or shoot me an email.

wp-rest-theme's Issues

Single Post Page not displaying

Hi, great theme.

I am able to display the list of posts from another wordpress site custom api however It will not display the single post page upon clicking the post title.

I get "Object Not Found!" on page refresh.

Have set on posts, post, page src files.

Permalink structure is fine, set to and shows post name slug not sure what the issue could be?

Thanks

fragment instance

When running dev i get this warning ... any way to get rid of it ?

[Vue warn]: Attribute "id" is ignored on component

because the component is a fragment instance

Visiting a post permalink directly tries to redirect it

When visiting a post permalink directly, it tries to redirect to the actual URL for the post rather than just the slug. This breaks the app in a weird way, because WordPress rewrite rules don't match the Vue routes.

I.E. Visiting
src.wordpress-develop.dev/hello-world
...tries to redirect to...
src.wordpress-develop.dev/2016/11/21/hello-world
...and then you're presented with a blank page.

Recommend to add this to functions.php so post-permalinks don't try to redirect:

add_filter( 'redirect_canonical', '__return_false' );

Posts don't load on front page if site is in subdirectory

For example if the site has the URL:

http://localhost/example/rest-theme

Posts won't show, but they will on:

http://localhost

Creating a template for a specific page

Everything in this theme works as illustrated. Great working model!
If this doesn't belong here please remove and I apologize.

I was wondering the best practice for creating a custom page template.
If for instance I wanted to style a pricing page differently than my About Us page.
Is this the workflow?

-Create pricing.vue
-Add this to my main.js file:
import Header from './pricing.vue'

Vue.component('Pricing', Pricing)

I copied page.vue into pricing.vue.
Now I want to call just the Pricing page. (id:63 slug:pricing)
I do this by updating the Method?

If there was any way you could include a custom page template in this repository I would be ecstatic!

[dependencies] Upgrade XHR library to axios, as more modern

Don't you want to upgrade your AJAX lib to Axios, because as I know, vue-resource is no more supported officially by Vue team, more than the year.
Axios supports Promises, and even async/await in some environments.

Doesn't show any posts or menus

Hi there! Thanks for the theme. I downloaded it so I can experiment a bit.
I installed by uploading the .zip in my wordPress installation but it doesn't show any posts. Even when I added a Menu it doesn't show as it's supposed to do in the demo.

Should I do anything more?

Thanks

Missing normalize.css

wp-content/themes/wp-rest-theme-master/node_modules/normalize.css/normalize.css?ver=3.0.3 404 (Not Found)

Use it for a big database website

Hello,

First thanks for your contribution. I found your theme is quiet cool to start with

As I can see to enable Wordpress routes to Vue.js, You implemented a function to grab all posts from db and announce them in the html as a scoped javascript variable.

I guess if I use it in a big data website. This will include all my posts & pages slugs inside the html an website will take along time to load it. Am I right?

Is there any work around you can imagine to avoid this?

I can think of something will allow Vue to check with an api whenever a user click on a link to check which link is this and where should it take it. And those links will have some html5 attr. to avoid external links handling and other links might be needed to avoid

I would appreciate your response

Thanks

Any plans for a Vue 2 version of this boilerplate?

Use WP base URL in links

Just now relative links break the structure of the site if its in a subdirectory. E.g.

http://localhost/example/rest-theme/