anchor.diff:  				}
   			}
   		});
  -
  -		Vue.component( 'ingredients-list', {
  +		
  +		var pagingComponent = {
  +			data: function() {
  +				return {
  +					pageSize: 10,
  +					pageNo: 0
  +				}	
  +			},
  +			created: function() { 
  +				this.processLoad();
  +			},
  +			methods: {
  +				nextPage: function() {
  +					this.pageNo++;
  +					this.processLoad();
  +				},
  +				prevPage: function() {
  +					if (this.pageNo > 0) {
  +						this.pageNo--;
  +						this.processLoad();
  +					};
  +				},
  +				processLoad: function() {
  +					url = cookbook.getRecipesUrl(this.pageNo, this.pageSize);
  +					cookbook.load( url ).then( function( json ) {
  +						EventBus.$eventbus.$emit( 'recipes-update', json.content );
  +					});
  +				}, 
  +			}
  +		};
  +		
  +		var recipesComponent = {
  +			data: function() {
  +				return { 
  +					recipes: {} 
  +				}
  +			},
  +			components: {
  +				'paging-comp' : pagingComponent	
  +			},
  +			beforeUpdate: function() {
  +				$( this.$el ).hide();
  +			},
  +			updated: function() {
  +				$( this.$el ).fadeIn( "slow" );
  +			},
  +			created: function() { 
  +				this.$eventbus.$on( 'recipes-update', function( json ) {
  +					this.recipes = json; 
  +				}.bind(this));
  +			},
  +			methods: {
  +				selectRecipe: function( recipe ) {
  +					var url = "";
  +					$.each(recipe.links, function(idx, link) {
  +						if (link.rel == "self") {
  +							url = link.href;
  +						}
  +					});
  +					cookbook.load( url ).then( function( json ) {
  +						EventBus.$eventbus.$emit( 'recipe-update', json );
  +					})
  +				}
  +			}
  +		};
  +		
  +		var ingredientsComponent = {
   			data: function() {
   				return {
   					ingredients: [ ]
  
positive.code: 			},
  			updated: function() {
  				$( this.$el ).fadeIn( "slow" );
  			},
  			methods: {
  				formatDate: function( number ) {
  
negative.code: 					this.ingredients = json; 
  				}.bind(this));
  			}
  		};
  		
  		var recipeComponent = {
  			data: function() {
  				return {
  					recipe: {}
  				}
  			},
  			components: {
  				'ingredients' : ingredientsComponent	
  			},
  			beforeUpdate: function() {
  				$( this.$el ).hide();
  