Ensure action exists on a popoverMenu

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

src/components/PopoverMenu/PopoverMenuItem.vue

@@ -23,8 +23,9 @@
 <template>
 	<li>
 		<!-- If item.href is set, a link will be directly used -->
-		<a v-if="item.href" :href="(item.href) ? item.href : '#' " :target="(item.target) ? item.target : '' "
-			rel="noreferrer noopener" @click="item.action">
+		<a v-if="item.href" :href="(item.href) ? item.href : '#' "
+			:target="(item.target) ? item.target : '' "
+			rel="noreferrer noopener" @click="action">
 			<span :class="item.icon" />
 			<span v-if="item.text">{{ item.text }}</span>
 			<p v-else-if="item.longtext">{{ item.longtext }}</p>
@@ -100,6 +101,15 @@ export default {
 				? this.item.key
 				: Math.round(Math.random() * 16 * 1000000).toString(16)
 		}
+	},
+	methods: {
+		// allow us to use both link and an action on `a`
+		// we still need to make sure item.action exists
+		action(event) {
+			if (this.item.action) {
+				this.item.action(event)
+			}
+		}
 	}
 }
 </script>