Learn how you can use v-model property with your custom components
In this tutorial we're going to build a form components for a checkbox but styled as a toggle. The functionality for this toggle will be just like a checkbox but will move the toggle when the checkbo...
In this tutorial we're going to learn how you can create different configuration files to be used on your VueJS/Laravel application depending on which environment you're working in. If you're working...
In this tutorial we're going to use a VueJS component to easily add a tags input box to a form. You may use this input type in situations like creating tags for a blog post. It will allow you to add m...
In this tutorial we're going to build a VueJS component you can use in your Laravel 5.4 projects when dealing with pagination. A component is one of the most powerful features of VueJS they allow you...
Markdown editors for writing are becoming a lot more popular these days, they make writing very easy you don't have to worry and styling you just write. You can quickly create a H1 by simply adding a...
In this tutorial we're going to add previous and next pagination buttons to the Homepage and the Category page. When using the WordPress REST API to get post you need to use an argument of page, this...
In this tutorial we're going to create the 404 page for the WordPress theme. The 404 page is a page some companies have some fun with here is a page for your inspiration of what you can create 404 Pag...
In this tutorial, we're going to build a date archives page for your WordPress theme so that you can display a list of your previous posts sorted by date. If we were building a normal WordPress theme...
If you have a multi-author blog then you will have information about the author of the post on the page so that user's can find out more about the author or more articles from the same writer. In this...
The next tutorial in the VueJS WordPress theme series we're going to create the category pages for the theme. So far in the theme, we've created the homepage, the blog post page, and the static pages....
In the last tutorial we setup routes and components for our blog posts, we did this with dynamic routes. In this tutorial, we're going to create the routes and VueJS components for static pages. As th...
In the previous tutorial, we created the Homepage for the VueJS theme, with the Homepage showing a list of posts with a link to the post page we can now create the post page.
With the project setup, we can now focus on building the pages we need for the WordPress theme. First we're going to start off with the homepage, throughout this project we'll just focus on building t...
The most important component that we need to create is the vue App.vue component, this is the main Vue component that the application will use. This is the file that will have the router-link tag in i...