mirror of
https://github.com/AzuraCast/AzuraCast.git
synced 2024-06-14 05:06:37 +00:00
27 lines
542 B
Vue
27 lines
542 B
Vue
<template>
|
|
<small class="badge badge-pill ml-2" :class="badgeClass">{{ badgeText }}</small>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {computed} from "vue";
|
|
import {useGettext} from "vue3-gettext";
|
|
|
|
const props = defineProps({
|
|
enabled: Boolean
|
|
});
|
|
|
|
const badgeClass = computed(() => {
|
|
return (props.enabled)
|
|
? 'badge-success'
|
|
: 'badge-danger';
|
|
});
|
|
|
|
const {$gettext} = useGettext();
|
|
|
|
const badgeText = computed(() => {
|
|
return (props.enabled)
|
|
? $gettext('Enabled')
|
|
: $gettext('Disabled');
|
|
});
|
|
</script>
|