fix(NcUserBubble): add RouterLink support

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

src/components/NcUserBubble/NcUserBubble.vue

@@ -93,9 +93,8 @@ export default {
 			<component :is="isLinkComponent"
 				class="user-bubble__content"
 				:style="styles.content"
-				:href="hasUrl ? url : null"
 				:class="{ 'user-bubble__content--primary': primary, 'user-bubble__content--clickable': isClickable }"
-				v-bind="attrs"
+				v-bind="{ ...linkAttrs, ...attrs }"
 				@click="onClick">
 				<!-- NcAvatar -->
 				<NcAvatar :url="isCustomAvatar && isAvatarUrl ? avatarImage : undefined"
@@ -130,7 +129,9 @@ export default {
 import NcUserBubbleDiv from './NcUserBubbleDiv.vue'
 import NcAvatar from '../NcAvatar/index.js'
 import NcPopover from '../NcPopover/index.js'
+import { getRoute } from '../NcRichText/autolink.js'
 import Vue from 'vue'
+import { RouterLink } from 'vue-router'
 
 export default {
 	name: 'NcUserBubble',
@@ -262,8 +263,23 @@ export default {
 			return this.url && this.url.trim() !== ''
 		},
 
+		route() {
+			return getRoute(this.$router, this.url)
+		},
+
 		isLinkComponent() {
-			return this.hasUrl ? 'a' : 'div'
+			return this.hasUrl
+				? (this.route ? RouterLink : 'a')
+				: 'div'
+		},
+
+		linkAttrs() {
+			if (this.hasUrl) {
+				return this.route
+					? { to: this.route }
+					: { href: this.url }
+			}
+			return undefined
 		},
 
 		popoverEmpty() {