Tengo una página sucia, es solo un archivo que funciona tanto para editar contenido existente como para crear uno nuevo, estoy usando el editor froala en la descripción del producto. Hice la configuración de froala, y funciona bien cuando trato de crear un nuevo producto, pero no funciona en el lado de la edición y tampoco arroja ningún error. Aquí esta lo que hice:

Estoy usando Vue3 para el proyecto, primero definí e importé froala,

 data() { return { product: undefined as Product<Populated>, froala: { instance: null as FroalaTypes.FroalaEditor, config: froala.baseConfig } }

},

Luego hice la configuración en el gancho montado

 mounted() { this.froala.instance = FroalaEditor( '.froala-editor', froala.extendBase({ events: { contentChanged: () => { this.product.description = this.froala.instance.html.get() this.$forceUpdate() } } }) ) }, unmounted() { froala.destroyAllInstances() },

Cuando imprimo this.froala.instance en la consola, imprime una matriz vacía. Pero todo funciona bien en el modo de creación. ¿Cuál es el problema con esto?