diff --git a/README.md b/README.md index 9beda71f..147a6eed 100644 --- a/README.md +++ b/README.md @@ -235,7 +235,7 @@ fetchMessages({ room, options }) { | `show-footer`(13) | Boolean | - | `true` | | `text-messages`(14) | Object | - | `null` | | `text-formatting`(15) | Boolean | - | `true` | -| `link-options`(16) | Object | - | `{ disabled: false, target: '_blank' }` | +| `link-options`(16) | Object | - | `{ disabled: false, target: '_blank', rel: null }` | | `room-info-enabled` (17) | Boolean | - | `false` | | `textarea-action-enabled`(18) | Boolean | - | `false` | | `responsive-breakpoint`(19) | Number | - | `900` | @@ -397,7 +397,7 @@ multiline code **(16)** `link-options` can be used to disable url links in messages, or change urls target. Ex: ```javascript -:link-options="{ disabled: true, target: '_self' }" +:link-options="{ disabled: true, target: '_self', rel: null }" ``` **(17)** `room-info-enabled` can be used to trigger an event after clicking the room header component.
diff --git a/src/components/FormatMessage/FormatMessage.vue b/src/components/FormatMessage/FormatMessage.vue index 82467d4d..cd9df18b 100644 --- a/src/components/FormatMessage/FormatMessage.vue +++ b/src/components/FormatMessage/FormatMessage.vue @@ -23,6 +23,7 @@ }" :href="message.href" :target="message.href ? linkOptions.target : null" + :rel="message.href ? linkOptions.rel : null" @click="openTag(message)" > diff --git a/src/lib/ChatWindow.vue b/src/lib/ChatWindow.vue index a1658d68..9f1dc4d0 100644 --- a/src/lib/ChatWindow.vue +++ b/src/lib/ChatWindow.vue @@ -134,7 +134,7 @@ export default { textFormatting: { type: Boolean, default: true }, linkOptions: { type: Object, - default: () => ({ disabled: false, target: '_blank' }) + default: () => ({ disabled: false, target: '_blank', rel: null }) }, roomInfoEnabled: { type: Boolean, default: false }, textareaActionEnabled: { type: Boolean, default: false },