<script setup>
const { result, loading } = useQuery(getLike);
const liked = ref(result?.value?.like || false);
</script>
<template
<UButton :icon="liked ? 'i-mdi-heart' : 'i-mdi-heart-outline' />
<div :class="liked ? 'bg-green' : 'bg-red'>
{{ liked }}
</div>
</template>
<script setup>
const { result, loading } = useQuery(getLike);
const liked = ref(result?.value?.like || false);
</script>
<template
<UButton :icon="liked ? 'i-mdi-heart' : 'i-mdi-heart-outline' />
<div :class="liked ? 'bg-green' : 'bg-red'>
{{ liked }}
</div>
</template>