anchor.diff:  			    	Erfasst: <span id="adding">{{ formatDate(recipe.addingDate) }}</span><br>
   			    	Aktualisiert: <span id="update">{{ formatDate(recipe.editingDate) }}</span><br>
   			    </p>
  -			    <p class="w3-tiny">Stichworte:&nbsp;<span v-for="tag in recipe.tags"><span class='w3-tag w3-teal'>{{ tag }}</span>&nbsp;</span></p>
  +				<p class="w3-tiny">Stichworte:&nbsp;<span v-for="tag in recipe.tags"><span class='w3-tag w3-teal'>{{ tag }}</span>&nbsp;</span></p>
   		    </div>
   		</div>
   	</div>
   
   	<script>
  -		var $rootUrl = "/spring-jpa-rest"
  -		var $recipesUrl = $rootUrl + "/recipes";
  -		
  +		var dataUrl = ( function() {
  +			var $rootUrl = "/spring-jpa-rest"
  +			var $recipesUrl = $rootUrl + "/recipes";
  +			
  +			var getRecipesUrl = function( pageNo, pageSize ) {
  +				return $recipesUrl + "?sort=title&page=" + pageNo + "&size=" + pageSize;
  +			}
  +
  +			return {
  +				recipes: getRecipesUrl
  +			}
  +		})();
  +
  +		/*
   		var recipesStorage = ( function() {
   			var url = $recipesUrl;
   					
  
positive.code: 							url = link.href;
  						}
  					});
  					recipeStorage.load( url ).then( function( json ) {
  						recipeViewModel.recipe = json;
  					});
  				}
  			}
  		});
  		var pagingViewModel = new Vue({
  			el: '#paging',
  			data: {
  				pageSize: 10,
  				pageNo: 0	
  			},
  			created: function() {
  				console.log( "pagingViewModel created" );
  			},
  			beforeUpdated: function() {
  				$( "#recipes" ).fadeOut( "fast" );
  			},
  			methods: {
  				nextPage: function() {
  					this.pageNo++;
  					recipesStorage.load(this.pageNo, this.pageSize).then( function( json ) {
  						recipesViewModel.recipes = json;
  					})
  				},
  				prevPage: function() {
  					if (this.pageNo > 0) {
  						this.pageNo--;
  						recipesStorage.load(this.pageNo, this.pageSize).then( function( json ) {
  							recipesViewModel.recipes = json;
  						})
  					}
  				}
  			}
  		});
  		
  		$(function() {
  			$( "#recipes" ).hide();
  			recipesStorage.load(pagingViewModel.pageNo, pagingViewModel.pageSize).then( function( json ) {
  				console.log( json );
  				recipesViewModel.recipes = json;
  				$( "#recipes" ).show();
  			})
  		});
  
negative.code: 	<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">
  