30 lines
735 B
Vue
30 lines
735 B
Vue
<template>
|
|
<n-space>
|
|
<em>{{ claim }}</em>
|
|
<span v-if="label.label !== claim">
|
|
<n-popover placement="right" trigger="hover">
|
|
<template #trigger>
|
|
<n-icon :component="InfoCircle" trigger />
|
|
</template>
|
|
{{ label.label }}
|
|
<template v-if="label.ref !== ''" #footer> {{ label.ref }} </template>
|
|
</n-popover>
|
|
</span>
|
|
</n-space>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue';
|
|
import { InfoCircle } from '@vicons/tabler';
|
|
import { get_claim_label } from './jwt-parser.service';
|
|
|
|
const props = defineProps({
|
|
claim: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
});
|
|
|
|
const label = computed(() => get_claim_label(props.claim ? props.claim : ''));
|
|
</script>
|