FIX: initialContent added

kevinfaveri · Apr 18, 2020 · 53ca23d · 53ca23d
1 parent 3bd34ab
commit 53ca23d
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 6 deletions.
diff --git a/docs/docs/changelog/index.md b/docs/docs/changelog/index.md
@@ -4,6 +4,9 @@ title: 'Changelog'
 
 # Changelog
 
+## 5.6.2
+- 'initialContent' prop added to TwemojiTextarea
+
 ## 5.6.1
 - Tweaks TwemojiPicker positioning
 

diff --git a/docs/docs/twemoji-textarea-api/index.md b/docs/docs/twemoji-textarea-api/index.md
@@ -8,11 +8,12 @@ title: 'Twemoji Textarea API'
 
 - This component inherits all Twemoji Picker props **except disabled** which for clarity issues has a new name as seen below. You can check them [here](/docs/twemoji-picker-api#props).
 
-### content
+### initialContent
+- Version: 5.6.2 onwards
 - Type: ``string``
 - Default: ``''``
 
-This is the content variable which will be the output of the textarea with the emoji art img tags converted to its equivalent Unicode character.
+This prop indicates the initial value of the textarea.
 
 ### enableSendBtn
 - Type: ``boolean``

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kevinfaguiar/vue-twemoji-picker",
-  "version": "5.6.1",
+  "version": "5.6.2",
   "main": "dist/vue-twemoji-picker.umd.min.js",
   "module": "dist/vue-twemoji-picker.esm.min.js",
   "unpkg": "dist/vue-twemoji-picker.min.js",

diff --git a/src/components/Sandbox.vue b/src/components/Sandbox.vue
@@ -49,6 +49,7 @@
         :pickerArrowEnabled="false"
         idTextarea="idTextarea"
         pickerWidth="#idTextarea"
+        initialContent="TEST BUG CONTENT"
       >
       </twemoji-textarea>
     </div>

diff --git a/src/components/TwemojiTextarea.vue b/src/components/TwemojiTextarea.vue
@@ -134,7 +134,7 @@ export default Vue.extend({
       default: 'twemoji-textarea-outer',
       type: String as () => string,
     },
-    content: {
+    initialContent: {
       default: '',
       type: String as () => string,
     },
@@ -205,8 +205,8 @@ export default Vue.extend({
     // Init TwemojiPicker watchers
     TwemojiPropWatchers(this, this.twemojiPicker);
 
-    if (this.content.length === 0) {
-      this.twemojiTextarea.innerHTML = this.content;
+    if (this.initialContent.length > 0) {
+      this.twemojiTextarea.innerHTML = this.initialContent;
     }
   },