Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | 4x 4x 4x 4x 4x 1x 3x 1x 2x | <template>
<GnBadge :variant="variant">{{ label }}</GnBadge>
</template>
<script setup>
import { computed } from "vue";
import { GnBadge } from "gnexus-ui-kit/vue";
const props = defineProps({
status: {
type: String,
default: "unknown",
},
});
const label = computed(() => props.status || "unknown");
const variant = computed(() => {
if (props.status === "active") {
return "success";
}
if (props.status === "lost") {
return "danger";
}
return "secondary";
});
</script>
|