eclectic-coding

{% comment %}
*
*  This loop loops through a collection called `collection_name`
*  and sorts it by the front matter variable `date` and than filters
*  the collection with `reverse` in reverse order
*
*  To make it work you first have to assign the data to a new string
*  called `sorted`.
*
{% endcomment %}

eclectic-coding

Setup Rails and Vuejs

1. Generate new rails app using --webpack flag

rails new myApp --webpack=vue

Note:

1. You can use --webpack=angular for angular application and --webpack=react for react.

eclectic-coding

computed: {
	sortedArray() {
		let sortedRecipes = this.recipes;
		
		sortedRecipes = sortedRecipes.sort((a,b) => {
			let fa = a.title.toLowerCase(), fb = b.title.toLowerCase();
			if (fa < fb) {
				return -1
			}
			if (fa > fb) {