References

Signed-off-by: Julius Härtl <jus@bitgrid.net>

package-lock.json

@@ -9,7 +9,7 @@
 			"version": "15.0.0",
 			"license": "agpl",
 			"dependencies": {
-				"@juliushaertl/vue-richtext": "^0.3.3",
+				"@juliushaertl/vue-richtext": "^2.0.0-dev.0",
 				"@nextcloud/auth": "^2.0.0",
 				"@nextcloud/axios": "^2.0.0",
 				"@nextcloud/browser-storage": "^0.1.1",
@@ -2445,15 +2445,29 @@
 			}
 		},
 		"node_modules/@juliushaertl/vue-richtext": {
-			"version": "0.3.3",
-			"resolved": "https://registry.npmjs.org/@juliushaertl/vue-richtext/-/vue-richtext-0.3.3.tgz",
-			"integrity": "sha512-OmAtQfXY5ZkOq6CxE79RVAKTo60fS0HAX2x6MMfHUmTlZgtQQqSxlvIJUZEOo7EiJwD84OVMY0G9holV1iwgTA==",
+			"version": "2.0.0-dev.0",
+			"resolved": "https://registry.npmjs.org/@juliushaertl/vue-richtext/-/vue-richtext-2.0.0-dev.0.tgz",
+			"integrity": "sha512-FN71IXhua3PMtRy87Tnh0mSaddKQGA+vL5vg06Tt5/MXhVTrZKI3AY2dT5hYfH8BdvLCHxtR3+IsjRhgC4H+uQ==",
 			"dependencies": {
-				"core-js": "^3.6.4",
-				"vue": "^2.6.12"
+				"@nextcloud/axios": "^2.0.0",
+				"@nextcloud/router": "^2.0.0",
+				"clone": "^2.1.2",
+				"vue": "^2.7.8"
 			},
 			"engines": {
-				"node": ">=10.0.0"
+				"node": ">=14.0.0",
+				"npm": ">=7.0.0"
+			},
+			"peerDependencies": {
+				"vue": "^2.7.8"
+			}
+		},
+		"node_modules/@juliushaertl/vue-richtext/node_modules/clone": {
+			"version": "2.1.2",
+			"resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+			"integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+			"engines": {
+				"node": ">=0.8"
 			}
 		},
 		"node_modules/@nextcloud/auth": {
@@ -27977,12 +27991,21 @@
 			}
 		},
 		"@juliushaertl/vue-richtext": {
-			"version": "0.3.3",
-			"resolved": "https://registry.npmjs.org/@juliushaertl/vue-richtext/-/vue-richtext-0.3.3.tgz",
-			"integrity": "sha512-OmAtQfXY5ZkOq6CxE79RVAKTo60fS0HAX2x6MMfHUmTlZgtQQqSxlvIJUZEOo7EiJwD84OVMY0G9holV1iwgTA==",
+			"version": "2.0.0-dev.0",
+			"resolved": "https://registry.npmjs.org/@juliushaertl/vue-richtext/-/vue-richtext-2.0.0-dev.0.tgz",
+			"integrity": "sha512-FN71IXhua3PMtRy87Tnh0mSaddKQGA+vL5vg06Tt5/MXhVTrZKI3AY2dT5hYfH8BdvLCHxtR3+IsjRhgC4H+uQ==",
 			"requires": {
-				"core-js": "^3.6.4",
-				"vue": "^2.6.12"
+				"@nextcloud/axios": "^2.0.0",
+				"@nextcloud/router": "^2.0.0",
+				"clone": "^2.1.2",
+				"vue": "^2.7.8"
+			},
+			"dependencies": {
+				"clone": {
+					"version": "2.1.2",
+					"resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+					"integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w=="
+				}
 			}
 		},
 		"@nextcloud/auth": {

package.json

@@ -17,7 +17,7 @@
 		"stylelint:fix": "stylelint css/*.css css/*.scss src/**/*.scss src/**/*.vue --fix"
 	},
 	"dependencies": {
-		"@juliushaertl/vue-richtext": "^0.3.3",
+		"@juliushaertl/vue-richtext": "^2.0.0-dev.0",
 		"@nextcloud/auth": "^2.0.0",
 		"@nextcloud/axios": "^2.0.0",
 		"@nextcloud/browser-storage": "^0.1.1",

src/components/MessagesList/MessagesGroup/Message/Message.vue

@@ -52,7 +52,7 @@ the main body of the message as well as a quote.
 					</div>
 				</div>
 				<div v-else-if="showJoinCallButton" class="message-body__main__text call-started">
-					<RichText :text="message" :arguments="richParameters" :autolink="true" />
+					<RichText :text="message" :arguments="richParameters" :autolink="true" :reference-limit="10" />
 					<CallButton />
 				</div>
 				<div v-else-if="showResultsButton" class="message-body__main__text system-message">
@@ -64,11 +64,11 @@ the main body of the message as well as a quote.
 						:show-as-button="true" />
 				</div>
 				<div v-else-if="isDeletedMessage" class="message-body__main__text deleted-message">
-					<RichText :text="message" :arguments="richParameters" :autolink="true" />
+					<RichText :text="message" :arguments="richParameters" :autolink="true"  :reference-limit="10"/>
 				</div>
 				<div v-else class="message-body__main__text" :class="{'system-message': isSystemMessage}">
 					<Quote v-if="parent" :parent-id="parent" v-bind="quote" />
-					<RichText :text="message" :arguments="richParameters" :autolink="true" />
+					<RichText :text="message" :arguments="richParameters" :autolink="true"  :reference-limit="10"/>
 				</div>
 				<div v-if="!isDeletedMessage" class="message-body__main__right">
 					<span v-tooltip.auto="messageDate"
@@ -811,6 +811,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import '@juliushaertl/vue-richtext/dist/style.css';
 @import '../../../../assets/variables';
 
 .message:hover .normal-message-body {