<template> <a :href="githubPullHref" target="_blank" rel="noopener noreferrer">{{linkContent}}<OutboundLink/></a> </template> <script> export default { name: "GithubPull", props: { id: { required: true }, user: { default: 'noties' }, repo: { default: 'Markwon' } }, computed: { githubPullHref: function() { return "https://github.com/" + this.user + "/" + this.repo + "/pull/" + this.id }, linkContent: function() { return "#" + this.id; } } }; </script>