refs #3301 Rewrite organisms/Notification/Mention with composition API

src/renderer/components/organisms/Notification/Mention.vue

@@ -16,37 +16,44 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
-import Toot from '../Toot'
+import { defineComponent, PropType } from 'vue'
+import { Entity } from 'megalodon'
+import Toot from '../Toot.vue'
 
-export default {
+export default defineComponent({
   name: 'mention',
   props: {
     message: {
-      type: Object,
+      type: Object as PropType<Entity.Notification>,
-      default: {},
+      default: {}
     },
     filters: {
-      type: Array,
+      type: Array as PropType<Array<Entity.Filter>>,
-      default: [],
+      default: []
     },
     focused: {
       type: Boolean,
-      default: false,
+      default: false
     },
     overlaid: {
       type: Boolean,
-      default: false,
+      default: false
-    },
+    }
   },
   components: { Toot },
-  methods: {
+  setup(_props, ctx) {
-    updateToot(message) {
+    const updateToot = message => {
-      return this.$emit('update', message)
+      return ctx.emit('update', message)
-    },
+    }
-    deleteToot(message) {
+    const deleteToot = message => {
-      return this.$emit('delete', message)
+      return ctx.emit('delete', message)
-    },
+    }
-  },
+
-}
+    return {
+      updateToot,
+      deleteToot
+    }
+  }
+})
 </script>