Correção de Javascript na utilização do Vue Moveable

Correção de Javascript na utilização do Vue Moveable

Estou procurando alguem que possa ajudar na confecção de um sistema de criação de layouts para cartões de visitas, etc.
Gostaria de criar um sistema aonde o cliente possa digitar seus dados e fazer o upload de logomarca para envio dos dados baseados na posição de templates.
O objetivo do sistema seria facilitar o envio e recebimento dos dados para a impressão dos cartões sem ter que solicitar a aprovação do layout para poder iniciar a impressão.


Consegui criar até as seguintes funções no sistema utilizando o Vue Moveable

●drag-and-drop dos elementos posicionados dentro do layout.
●Adicionar elementos de texto e upload da logo dentro do layout.
●Adicionar um botão para ativar o Vue Moveable e alterar o tamanho das letras e imagem.


No seguinte link, será possível ver as funções acima funcionando

https://bdelivery.jp/site_ci/shopping_cart/create_design

Basic Autentication
user: test
password: sample


Gostaria de solicitar as seguintes modificações e implementações neste exemplo criado

1. Permitir que o usuário possa digitar textos no elemento dentro do layout (tentei adicionar um contenteditable="true" mas não esta funcionando legal)

2. Após adicionar um texto ou foto dentro do layout, o Vue Moveable não esta ativando para estes elementos adicionados.
Gostaria corrigir e ativar o Vue Moveable para os elementos adicionados também.

3. Adicionar um botão e exportar as posições e textos de todos elementos dentro do layout em json.