Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<template>
<div
v-if="!$apollo.queries.character.loading"
class="rounded border bg-gray-900 ml-2 flex"
>
<img :src="character.image" :alt="character.name" class="p-2 rounded" />
<div class="p-2">
<span class="text-white">{{ character.status }}</span>
<h1 class="text-white text-2xl font-semibold">{{ character.name }}</h1>
<h1 class="text-white">{{ character.gender }}</h1>
<h1 class="text-white">{{ character.origin.name }}</h1>
</div>
</div>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment