rtcamp/vuetheme

WordPress theme using Rest API and Vue.js

⚠️Please note that the development on this has been discountinued as we are focusing more on ReactJS.

---

VueTheme - WordPress Theme + VueJs

WordPress theme using WP REST API and VueJs 2 by rtCamp. This theme is base theme for WordPress theme developers.

How to use?

1. Go to your WP theme directory (in /wp-content/theme/)
2. Clone / Download this repo
3. Activate your theme from WordPress theme's backend
4. This theme will display menu which has set display location to Primary Menu.
5. Make sure you fulfill all the requirements before using theme. (See Requirements)

How to use it for development?

1. Go to your WP theme directory & navigate to VueTheme.
2. Install dependencies npm install
3. Make sure you add define( 'RT_VUE_DEV', true ); in wp-config.php to get asset files from webpack dev server.
4. To start dev server with hot reload npm run dev
5. To create build for production with minification npm run build

Requirements

• WP API Menus plugin
• WordPress Version 4.7+

Frameworks / Packages used

• Vue 2
• Vue-Router
• Vuex
• Axios
• Babel
• Webpack
• Foundation CSS Grid
• Gulp

vuetheme's Issues

Add service worker support

Update theme structure

Add support for WP comments

Create WordPress comments form below single post / page.
Post comments using REST API.

Assets Not Showing on build

As the title says it's not showing assets that get bundled upon running npm run build. Any advice here?

Dev Enviroment

Hey guys,

Thanks for the theme! - I'm trying to get the dev environment to work but I'm having issues.

Whenever I make changes to any of the Vue components it doesn't seem to update the theme.

Can you elaborate how is you environment setup? Nginx locally via vagrant? Ideally I would love to work on a remote nginx dev enviroment. Easyengine + Digital Ocean.

Thanks

Remove Gulp and integrate WebPack for build

SEO optimization

SEO Optimization - https://vuejs.org/v2/guide/ssr.html

Use Axios for REST Client

Use this Axios for fetching data through REST API -
https://alligator.io/vuejs/rest-api-axios/

Set page title on Vue component change

Problem statement - When page link is clicked, it doesn't change the <title> of the page.
Use Vuex to handle this.

Add support for attachment url

YError: Too many arguments provided.Expected max 2 but received 3. at argsert

"YError: Too many arguments provided.Expected max 2 but received 3. at argsert " on "npm run dev" init.

Any solutions?

Add support for WP Pretty Permalinks

Have pretty permalink structure for URLs.
Make use of Vue Routers to support WordPress permalinks
Post URLs - sitedomain/%postname%
Page URLs - sitedomain/%pagename%

Add server side rendering with php v8js

Pagination URL with page number

Add page numbers in URL on pagination.
/blog/2
/blog/3
etc.

Add support for change URL on scroll

Add bylines in the posts listing

Display this after Post Title -
Example - https://julesvernex2.com/2017/03/06/the-beauty-of-small-things-a-voyage-into-a-gardens-microcosm/

By lines will include -
Posted on: {date}, by {author_name}, in {category_list}

404 page

Add separate page for 404.

Npm run dev

I clone this repo in my wp-content/theme and npm run dev doesn't work at all.

Update Travis Config

Travis build should run phpcs, eslint and webpack prod build.

Simple permalinks support

Post URLs - sitedomain/blog/%postname%
Page URLs - sitedomain/page/%pagename%

Axios Cache

Add transition effects for page load

Make use of and load pages with transition effects.

Add support for WP auth

Basic theme structure with Rest API + Vue.js

Create a basic theme structure for Rest API + Vue.js theme