{#if query.status === 'pending'}

{/if} {#if query.status === 'error'}

Error :(

{/if} {#if query.status === 'success'} {@const homeworldUrlParts = query.data.homeworld.split('/').filter(Boolean)} {@const homeworldId = homeworldUrlParts[homeworldUrlParts.length - 1]}

{query.data.name}

Born: {query.data.birth_year}

Eyes: {query.data.eye_color}

Hair: {query.data.hair_color}

Height: {query.data.height}

Mass: {query.data.mass}

Homeworld:

Films

{#each query.data.films as film} {@const filmUrlParts = film.split('/').filter(Boolean)} {@const filmId = filmUrlParts[filmUrlParts.length - 1]} {/each} {/if}