frontend/src/Bool.vue (12 lines of code) (raw):
<script>
export default {
name: "Bool",
props: ["value", "name"],
};
</script>
<template>
<span>
<span v-if="value" class="has-text-success">✔ {{ name }}</span>
<span v-else class="has-text-danger">✕ {{ name }}</span>
</span>
</template>