Adding Caption Placeholder for Custom Image Plugin

[HuanCheng65]

I'm working on a custom Image plugin for Tiptap to integrate with my website's image upload functionality. I've encountered an issue with implementing a placeholder for the image caption, and I would greatly appreciate any guidance or suggestions.

Current Implementation

I'm using a custom NodeView for my image component:

<node-view-wrapper class="attachment-image-component">
  <v-lazy transition="fade-transition">
    <v-img v-if="realUrl" :src="realUrl" :aspect-ratio="aspectRatio" />
  </v-lazy>
  <node-view-content class="image-caption" />
</node-view-wrapper>

Issue

Caption Placeholder: I would like to display a placeholder or editing hint when the caption is empty. Is there a way to achieve this within the Tiptap framework?

Question

Are there any straightforward solutions to implement a placeholder for the image caption when it's empty? If so, how would you recommend approaching this?

Any insights or recommendations would be greatly appreciated. Thank you in advance for your help!

[HuanCheng65]

I've managed to find a solution on my own. Apologize for any inconvenience!