Passer un Objet dans un composant VueJS [TIPS]

Bonsoir bonsoir, petite astuce pour ceux qui voudraient un jour passer un objet en tant qu’élément à afficher dans un composant VueJS (avec Laravel par exemple) : 

Si votre Objet est un objet simple, vous devez le formaliser en json, comme ici avec un json_encode simple : 

     <mini_recipe_list_element :recipe="{{json_encode($recette)}}"></mini_recipe_list_element>

Si jamais avec Laravel, votre Objet est issu d’une collection Eloquent, vous pouvez le sérialiser si ce n’est pas déjà fait : 

$user->toJson();

Et ensuite dans votre composant VueJS, il faut lui dire qu’on attend un objet en tant que prop  : 

props: {
			recipe: {
				type: Object,
				required: true
			}
		},

Et voilà 🙂 

Les pixel du style : NES.css

En flannant sur Github, je suis tombé sur un framework un peu fou : NES.css , une bibliothèque de style ayant un design rétro très largement inspiré de la NES : 

Lien Github : https://github.com/BcRikko/NES.css

Lien preview : https://bcrikko.github.io/NES.css/

Voilà, amusez-vous, ça reste une alpha/bêta assez cool, perso je pense que ça peut faire un easter-egg sympa pour CuisineDeGeek.