anchor.diff:  	<title>Cookbook with vue.js</title>
   </head>
   <body>
  +	<script>
  +		const EventBus = new Vue()
  +		Object.defineProperties(Vue.prototype, {
  +			$eventbus: {
  +				get: function () {
  +					return EventBus
  +				}
  +			}
  +		});
  +
  +		Vue.component( 'ingredients-list', {
  +			data: function() {
  +				return {
  +					ingredients: [ ]
  +				}
  +			},
  +			beforeUpdate: function() {
  +				
  +			},
  +			updated: function() {
  +				console.log( "ingredients updated");
  +			},
  +			created: function() { 
  +				this.$eventbus.$on( 'ingredients-update', function( json ) {
  +					this.ingredients = json; 
  +				}.bind(this));
  +			}, 
  +		  	template: 
  +			  '<table class="w3-table w3-bordered"><tr v-for="ingredient in ingredients"><td>{{ ingredient.portion }}</td><td>{{ ingredient.description }} {{ ingredient.comment }}</td></tr></table>'
  +		});
  +	</script>
   
   	<div class="w3-row">
   		<div class="w3-third w3-container">
  
positive.code: 				formatDate: function( number ) {
  					var $myDate = new Date(number);
  					return $myDate.toLocaleString();
  				}
  			}
  		});
  
negative.code: 			},
  			beforeUpdate: function() {
  				$( this.$el ).hide();
  				dataStorage.load( this.getIngredientsUrl() )
  					.then( function( json )	{
  						EventBus.$eventbus.$emit( 'ingredients-update', json );
  					});
  			},
  			updated: function() {
  				$( this.$el ).fadeIn( "slow" );
  