Key fallback

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

1 files changed, 7 insertions, 5 deletions

diff --git a/src/components/core/popoverMenu/popoverItem.vue b/src/components/core/popoverMenu/popoverItem.vue
index de3d3075..b9475812 100644
--- a/src/components/core/popoverMenu/popoverItem.vue
+++ b/src/components/core/popoverMenu/popoverItem.vue
@@ -31,9 +31,9 @@
 		</a>
 		<!-- If item.input is set instead, an put will be used -->
 		<span v-else-if="item.input" class="menuitem">
-			<input :id="item.key" :type="item.input" :class="item.input"
+			<input :id="key" :type="item.input" :class="item.input"
 				v-model="item.model" @change="item.action">
-			<label :for="item.key" @click.stop.prevent="item.action">{{ item.text }}</label>
+			<label :for="key" @click.stop.prevent="item.action">{{ item.text }}</label>
 		</span>
 		<!-- If item.action is set instead, a button will be used -->
 		<button v-else-if="item.action" @click.stop.prevent="item.action">
@@ -57,7 +57,7 @@ export default {
 			type: Object,
 			default: () => {
 				return {
-					key: '1',
+					key: 'nextcloud-link',
 					href: 'https://nextcloud.com',
 					icon: 'icon-links',
 					text: 'Nextcloud'
@@ -67,9 +67,11 @@ export default {
 		}
 	},
 	computed: {
-		// random key for inputs binding
+		// random key for inputs binding if not provided
 		key() {
-			return Math.round(Math.random() * 16 * 1000000).toString(16)
+			return this.key
+				? this.key
+				: Math.round(Math.random() * 16 * 1000000).toString(16)
 		}
 	}
 }