zammad/app/frontend/shared/components/ObjectAttributes/attributes/AttributeBoolean/AttributeBoolean.vue

<!-- Copyright (C) 2012-2024 Zammad Foundation, https://zammad-foundation.org/ -->

<script setup lang="ts">
import { computed } from 'vue'

import type { ObjectAttributeBoolean } from './attributeBooleanTypes.ts'

const props = defineProps<{
  attribute: ObjectAttributeBoolean
  value: boolean
}>()

const body = computed(() => {
  const { true: yes, false: no } = props.attribute.dataOption?.options || {}
  return props.value ? yes || __('yes') : no || __('no')
})

const translate = computed(() => {
  const { translate = true } = props.attribute.dataOption || {}
  return translate
})
</script>

<template>
  {{ translate ? $t(body) : body }}
</template>