PronounsPage/components/ComprehensiveSwitch.vue
2024-09-11 21:29:22 +02:00

27 lines
735 B
Vue

<template>
<div v-if="$config.pronouns.comprehensive" class="btn-group" role="group">
<button
:class="['btn btn-sm', !value ? 'btn-primary' : 'btn-outline-primary']"
@click="$emit('input', false)"
>
<T>pronouns.comprehensive.simple</T>
</button>
<button
:class="['btn btn-sm', value ? 'btn-primary' : 'btn-outline-primary']"
@click="$emit('input', true)"
>
<T>pronouns.comprehensive.comprehensive</T>
</button>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
props: {
value: { default: false, type: Boolean },
},
});
</script>