diff --git a/packages/vue/src/components/BasePill/BasePill.vue b/packages/vue/src/components/BasePill/BasePill.vue index 19523bcd..c61d2ac2 100644 --- a/packages/vue/src/components/BasePill/BasePill.vue +++ b/packages/vue/src/components/BasePill/BasePill.vue @@ -18,6 +18,7 @@ const sizeMap: Attributes = { } interface BasePillProps { + text?: string variant?: string size?: string contentType?: string @@ -44,14 +45,16 @@ const metadataAttrs = computed(() => { } return { variant: undefined, label: undefined } }) +const theText = computed(() => { + return props.text || metadataAttrs.value.label +}) diff --git a/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue b/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue index 6cd5df4c..ecc16e95 100644 --- a/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue +++ b/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue @@ -47,9 +47,8 @@ :class="{ 'mb-2': !large, 'mb-4': large }" size="sm" :content-type="metadataType" - > - {{ (theItem as EventCardObject).eventType }} - + :text="(theItem as EventCardObject).eventType" + /> diff --git a/packages/vue/src/components/DetailHeadline/DetailHeadline.vue b/packages/vue/src/components/DetailHeadline/DetailHeadline.vue index 4d0f585b..45ad2e5f 100644 --- a/packages/vue/src/components/DetailHeadline/DetailHeadline.vue +++ b/packages/vue/src/components/DetailHeadline/DetailHeadline.vue @@ -9,9 +9,8 @@ :variant="pillColor" size="lg" class="mr-3" - > - {{ pillLabel }} - + :text="pillLabel" + />