style(message): add types/remove $data and $props

components/views/chat/message/edit/Edit.vue

@@ -10,15 +10,6 @@ import { Config } from '~/config'
 import { KeybindingEnum } from '~/libraries/Enums/enums'
 import Editable from '~/components/views/chat/chatbar/Editable.vue'
 
-declare module 'vue/types/vue' {
-  interface Vue {
-    saveMessage: Function
-    cancelMessage: Function
-    lengthCount: number
-    charlimit: boolean
-  }
-}
-
 export default Vue.extend({
   components: {
     SmileIcon,
@@ -40,22 +31,22 @@ export default Vue.extend({
     }
   },
   computed: {
-    lengthCount() {
-      return this.$data.content.length
+    lengthCount(): number {
+      return this.content.length
     },
-    charlimit() {
+    charlimit(): boolean {
       return this.lengthCount > this.maxChars
     },
   },
   mounted() {
-    this.$data.content = this.$props.message
+    this.content = this.message
   },
   methods: {
     saveMessage() {
-      if (this.$data.content.length === 0) {
+      if (this.content.length === 0) {
         return
       }
-      this.$emit('commitMessage', this.$data.content.slice(0, this.maxChars))
+      this.$emit('commitMessage', this.content.slice(0, this.maxChars))
     },
     cancelMessage() {
       this.$emit('cancelMessage')