Skip to content

Instantly share code, notes, and snippets.

@alexkasongo
Created December 27, 2020 01:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save alexkasongo/966c7556ce8ac505ea93d126192304d5 to your computer and use it in GitHub Desktop.
Save alexkasongo/966c7556ce8ac505ea93d126192304d5 to your computer and use it in GitHub Desktop.
<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