refactor: fix auto import confliction

composables/tiptap.ts

@@ -12,10 +12,10 @@ import History from '@tiptap/extension-history'
 import { Plugin } from 'prosemirror-state'
 
 import type { Ref } from 'vue'
-import { HashtagSuggestion, MentionSuggestion } from './tiptap/suggestion'
-import { CodeBlockShiki } from './tiptap/shiki'
-import { CustomEmoji } from './tiptap/custom-emoji'
-import { Emoji } from './tiptap/emoji'
+import { TiptapEmojiSuggestion, TiptapHashtagSuggestion, TiptapMentionSuggestion } from './tiptap/suggestion'
+import { TiptapPluginCodeBlockShiki } from './tiptap/shiki'
+import { TiptapPluginCustomEmoji } from './tiptap/custom-emoji'
+import { TiptapPluginEmoji } from './tiptap/emoji'
 
 export interface UseTiptapOptions {
   content: Ref<string>
@@ -43,30 +43,30 @@ export function useTiptap(options: UseTiptapOptions) {
       Italic,
       Code,
       Text,
-      Emoji,
-      CustomEmoji.configure({
+      TiptapPluginEmoji,
+      TiptapPluginCustomEmoji.configure({
         inline: true,
         HTMLAttributes: {
           class: 'custom-emoji',
         },
       }),
       Mention.configure({
-        suggestion: MentionSuggestion,
+        suggestion: TiptapMentionSuggestion,
       }),
       Mention
         .extend({ name: 'hashtag' })
         .configure({
-          suggestion: HashtagSuggestion,
+          suggestion: TiptapHashtagSuggestion,
         }),
       Mention
         .extend({ name: 'emoji' })
         .configure({
-          suggestion: EmojiSuggestion,
+          suggestion: TiptapEmojiSuggestion,
         }),
       Placeholder.configure({
         placeholder: () => placeholder.value!,
       }),
-      CodeBlockShiki,
+      TiptapPluginCodeBlockShiki,
       History.configure({
         depth: 10,
       }),