toast38coza · September 14, 2016 09:38 · toast38coza · Sep 14, 2016
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!--
 A super simple Plain Old JavaScript rendition of:
 http://vuex.vuejs.org/en/tutorial.html
 -->
 <html>
 <body>
 <div id="app">
 	<Increment></Increment>
 	<Display></Display>
 </div>

 <!-- templates -->
 <template id="display" >
  <div>
    <h3>Count is {{counterValue}}</h3>
  </div>
 </template>

 <template id="increment" >
  <div>
    <button v-on:click="increment" >+</button>
  </div>
 </template>


 <script src="./vue.min.js" ></script> 
 <script src="./vuex.min.js" ></script>
 <script>

 /* Store */
 var state = {
 	count: 0
 }

 var mutations = {
 	INCREMENT: function (state, count){
 		state.count += count;
 	}
 };

 var vstore = new Vuex.Store({
  state: state,
  mutations: mutations
 });

 /* ------------------------------------------ */

 //actions:

 var incrementCounter = function ($event) {
 	$event.dispatch('INCREMENT', 1); // <- you can change this to increment in different steps this will be the `count` argument in the INCREMENT mutation above
 }

 /* ------------------------------------------ */

 // getters:

 var getCount = function (state) {
 	return state.count;
 }

 /* ------------------------------------------ */

 /* Components */
 Vue.component('Increment', {
    template: '#increment',    
    vuex: {
 	    actions: {
 	        increment: incrementCounter // call action above
 	    }
 	}
 });

 Vue.component('Display', {
    template: '#display',
    vuex: {
    	getters: {
    		counterValue: getCount // call getter above
    	}
    }
 });

 /* ------------------------------------------ */

 /* Vuex */
 var vm = new Vue({
 	el: '#app',
 	store: vstore // <- pass the store to our vuex app
 });

 </script>
 </body>
 </html>
	<!--
	A super simple Plain Old JavaScript rendition of:
	http://vuex.vuejs.org/en/tutorial.html
	-->
	<html>
	<body>
	<div id="app">
	<Increment></Increment>
	<Display></Display>
	</div>

	<!-- templates -->
	<template id="display" >
	<div>
	<h3>Count is {{counterValue}}</h3>
	</div>
	</template>

	<template id="increment" >
	<div>
	<button v-on:click="increment" >+</button>
	</div>
	</template>


	<script src="./vue.min.js" ></script>
	<script src="./vuex.min.js" ></script>
	<script>

	/* Store */
	var state = {
	count: 0
	}

	var mutations = {
	INCREMENT: function (state, count){
	state.count += count;
	}
	};

	var vstore = new Vuex.Store({
	state: state,
	mutations: mutations
	});

	/* ------------------------------------------ */

	//actions:

	var incrementCounter = function ($event) {
	$event.dispatch('INCREMENT', 1); // <- you can change this to increment in different steps this will be the `count` argument in the INCREMENT mutation above
	}

	/* ------------------------------------------ */

	// getters:

	var getCount = function (state) {
	return state.count;
	}

	/* ------------------------------------------ */

	/* Components */
	Vue.component('Increment', {
	template: '#increment',
	vuex: {
	actions: {
	increment: incrementCounter // call action above
	}
	}
	});

	Vue.component('Display', {
	template: '#display',
	vuex: {
	getters: {
	counterValue: getCount // call getter above
	}
	}
	});

	/* ------------------------------------------ */

	/* Vuex */
	var vm = new Vue({
	el: '#app',
	store: vstore // <- pass the store to our vuex app
	});

	</script>
	</body>
	</html>