Made mentionWithDots available as a prop

This commit is contained in:
2021-11-19 01:26:37 +03:00
parent 6a840c3171
commit f2269798e6
15 changed files with 17173 additions and 45 deletions

View File

@@ -21,6 +21,7 @@
:placeholder="placeholder"
:caretColor="caretColor"
:extractUrlsWithoutProtocol="options.extractUrlsWithoutProtocol"
:mentionsWithDots="options.mentionsWithDots"
/>
</div>
@@ -28,14 +29,18 @@
<div id="options" class="content-container">
<h4>Options (props)</h4>
<div class="flex center">
<label for="ep" class="mr-lg cursor-pointer">
<label for="ep" class="cursor-pointer">
<input id="ep" type="checkbox" v-model="options.extractUrlsWithoutProtocol">
extractUrlsWithoutProtocol
</label>
<label for="tb" class="cursor-pointer">
<label for="tb" class="mx-lg cursor-pointer">
<input id="tb" type="checkbox" v-model="options.targetBlank">
targetBlank
</label>
<label for="md" class="cursor-pointer">
<input id="md" type="checkbox" v-model="options.mentionsWithDots">
mentionsWithDots
</label>
</div>
<div class="flex center mt-sm text-left relative">
@@ -130,6 +135,7 @@ export default {
options: {
targetBlank: true,
extractUrlsWithoutProtocol: true,
mentionsWithDots: false,
usernameClass: 'highlights username',
usernameUrlBase: '#/',
hashtagClass: 'highlights hashtag',