diff --git a/index.html b/index.html
index 0303f85..4d5d244 100644
--- a/index.html
+++ b/index.html
@@ -16,16 +16,18 @@
 	<script type="javascript" src="./onzer.riot"></script>
 
 	<script type="text/javascript">
-		async function fetch_data(){
+		function fetch_data(){
 			return fetch("https://dwarves.iut-fbleau.fr/~fauvet/api/albums").then(response => {
 				return response.json();
 			} )
 		}
 
+		async function wait_data(){
+			return await this.fetch_data()
+		}
+
 		riot.compile().then(() => {
-			riot.mount('onzer', {
-				items : await fetch_data()
-			}
+			riot.mount('onzer', {items: wait_data()}
 			);
 		})
 	</script>
diff --git a/onzer.riot b/onzer.riot
index 2fe60e6..9424de3 100644
--- a/onzer.riot
+++ b/onzer.riot
@@ -30,12 +30,13 @@
     <script>
         export default {
             onBeforeMount(props){
-            this.state = {
-			    placeholder: "Rechercher dans les albums",
-			    search: "albums"
-		    };
-            this.paintButton();
-		    this.album_style = "isActivate";
+                this.state = {
+                    placeholder: "Rechercher dans les albums",
+                    items: props.results,
+                    search: "albums"
+                };
+                this.paintButton();
+                this.album_style = "isActivate";
             },
             onMounted(){
                 this.update();