feat: add renderGhost option for customizing drag ghost element content

[AlexDev404]

This serves to add renderGhost to the component, allowing users to customize the ghost image of the drag and drop action.

Usage

Component usage:

<VueDraggable 
  v-model="list" 
  :renderGhost="(ghostEl, data) => {
    ghostEl.innerHTML = `<div class='custom-ghost'>Moving: ${data.name}</div>`
  }"
>
  <!-- items -->
</VueDraggable>

Or with the composable:

useDraggable(el, list, {
  renderGhost: (ghostEl, data) => {
    ghostEl.innerHTML = `<div class='custom-ghost'>Moving: ${data.name}</div>`
  }
})

[netlify]

✅ Deploy Preview for vue-draggable-plus ready!

Name	Link
🔨 Latest commit	706f275
🔍 Latest deploy log	https://app.netlify.com/projects/vue-draggable-plus/deploys/69cd5cc0b8ce1b0008b88c42
😎 Deploy Preview	https://deploy-preview-274--vue-draggable-plus.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.