AbsoluteTemperatuur toevoegen aan Harry

[Lmikkers]

In Hygraph hebben we een nieuw veld toegevoegd AbsoluteTemperatuur, deze kunnen we gebruiken om voor het plantje een absolute temperatuur te geven die dan gekoppeld wordt aan de weer Harry. We moeten dit in Sveltekit toevoegen in het json bestand en daarna nog inladen op de goede manier.

[Lmikkers]

In de commit zie je dat we json data hebben toegevoegd, zie ook foto hieronder hoe we dit hebben gedaan. in +page.server.js absoluteTemperatuur toegevoegd.

We kunnen de data opvragen uit hygraph door dit te doen:

<script>
    data.stekje.absoluteTemperatuur
</script>

<HarryWeather textTemp={data.stekje.absoluteTemperatuur} />

In het component zelf van Harry roepen we de variable textTemp aan, die wordt dan ingevuld op de pagina waar Harry komt te staan.

Voorbeeld code

Ze staan nu op beide pagina's, home en stekjes, zie afbeelding.

Dit hebben Rutger en ik toen verstuurd naar onze teams, het lukte namelijk niet eerst om de hygraph data in te laden, dus vroegen wij dit in teams, maar het was daarna gelukt.