From b3697cb9bfc4b5971b1d68fdf1ffd07c8c0effd5 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 29 Jan 2022 22:30:47 +0100
Subject: [PATCH] fix: subscription icon not rendered correctly

The computed property "icon" which holds the icon string to be rendered was overriding the <icon> component. Therefore, the component wasn't rendered at all, instead vue would render a html tag with the icon name.
---
 src/components/misc/subscription.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/misc/subscription.vue b/src/components/misc/subscription.vue
index d99dba71..c17e9373 100644
--- a/src/components/misc/subscription.vue
+++ b/src/components/misc/subscription.vue
@@ -1,7 +1,7 @@
 <template>
 	<x-button
 		variant="secondary"
-		:icon="icon"
+		:icon="iconName"
 		v-tooltip="tooltipText"
 		@click="changeSubscription"
 		:disabled="disabled || null"
@@ -16,7 +16,7 @@
 		v-else
 	>
 		<span class="icon">
-			<icon :icon="icon"/>
+			<icon :icon="iconName"/>
 		</span>
 		{{ buttonText }}
 	</a>
@@ -73,7 +73,7 @@ const tooltipText = computed(() => {
 })
 
 const buttonText = computed(() => props.subscription !== null ? t('task.subscription.unsubscribe') : t('task.subscription.subscribe'))
-const icon = computed(() => props.subscription !== null ? ['far', 'bell-slash'] : 'bell')
+const iconName = computed(() => props.subscription !== null ? ['far', 'bell-slash'] : 'bell')
 const disabled = computed(() => {
 	if (props.subscription === null) {
 		return false