refactor: switch to setup-sfc

components/content/ContentRich.setup.ts

@@ -0,0 +1,19 @@
+import type { Emoji } from 'masto'
+import { emojisArrayToObject } from '~/composables/utils'
+
+defineOptions({
+  name: 'ContentRich',
+})
+
+const props = defineProps<{
+  content: string
+  emojis: Emoji[]
+}>()
+
+const emojiObject = emojisArrayToObject(props.emojis || [])
+
+export default () => h(
+  'div',
+  { class: 'rich-content' },
+  contentToVNode(props.content, emojiObject),
+)

components/content/ContentRich.ts

@@ -1,24 +0,0 @@
-import type { Emoji } from 'masto'
-import type { PropType } from 'vue'
-import { emojisArrayToObject } from '~/composables/utils'
-
-export default defineComponent({
-  props: {
-    content: {
-      type: String,
-      required: true,
-    },
-    emojis: {
-      type: Array as PropType<Emoji[]>,
-    },
-  },
-  setup(props) {
-    const emojiObject = emojisArrayToObject(props.emojis || [])
-
-    return () => h(
-      'div',
-      { class: 'rich-content' },
-      contentToVNode(props.content, emojiObject),
-    )
-  },
-})