<template>
  <NodeViewWrapper draggable="true" data-drag-handle>
    <FormUploraImage v-model="attrs" :nested="false" @delete="deleteNode()" />
  </NodeViewWrapper>
</template>

<script setup>
import { NodeViewWrapper } from "@tiptap/vue-3";
import { computed } from "vue";
import FormUploraImage from "../../components/FormUploraImage.vue";
const props = defineProps({
  decorations: { type: Array, required: true },
  selected: { type: Boolean, required: true },
  updateAttributes: { type: Function, required: true },
  deleteNode: { type: Function, required: true },
  node: { type: null, required: true },
  view: { type: null, required: true },
  getPos: { type: null, required: true },
  innerDecorations: { type: null, required: true },
  editor: { type: Object, required: true },
  extension: { type: Object, required: true },
  HTMLAttributes: { type: Object, required: true }
});
const attrs = computed({
  get: () => props.node.attrs,
  set: (value) => props.updateAttributes(value)
});
</script>
