aboutsummaryrefslogtreecommitdiff
path: root/src/components/user_settings/user_settings.vue
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2019-06-07 00:17:49 +0300
committerHenry Jameson <me@hjkos.com>2019-06-07 00:17:49 +0300
commit96f31716f94d0e7691b85ca90e7ea977ca3adb4d (patch)
treec6b5ec36e7b02efad65e289edfa8d2b5bb70e2a0 /src/components/user_settings/user_settings.vue
parent7ce9b7be079dfe46fa9a974fd7c54864156d57f8 (diff)
slot-based emoji input/autocomplete component
Diffstat (limited to 'src/components/user_settings/user_settings.vue')
-rw-r--r--src/components/user_settings/user_settings.vue24
1 files changed, 13 insertions, 11 deletions
diff --git a/src/components/user_settings/user_settings.vue b/src/components/user_settings/user_settings.vue
index 20b10979..d3d333bd 100644
--- a/src/components/user_settings/user_settings.vue
+++ b/src/components/user_settings/user_settings.vue
@@ -22,18 +22,20 @@
<div class="setting-item" >
<h2>{{$t('settings.name_bio')}}</h2>
<p>{{$t('settings.name')}}</p>
- <EmojiInput
- type="text"
- v-model="newName"
- id="username"
- classname="name-changer"
- />
+ <emoji-input :suggest="emojiSuggestor" v-model="newName">
+ <input
+ v-model="newName"
+ id="username"
+ classname="name-changer"
+ />
+ </emoji-input>
<p>{{$t('settings.bio')}}</p>
- <EmojiInput
- type="textarea"
- v-model="newBio"
- classname="bio"
- />
+ <emoji-input :suggest="emojiUserSuggestor" v-model="newBio">
+ <textarea
+ v-model="newBio"
+ classname="bio"
+ />
+ </emoji-input>
<p>
<input type="checkbox" v-model="newLocked" id="account-locked">
<label for="account-locked">{{$t('settings.lock_account_description')}}</label>