Componentes personalizados hijos por defecto

Hola,

Estoy intentando entender cómo puedo lograr lo siguiente.

• Crear un componente con un contenido predeterminado como hijos.
• Crea un bloque para añadir ese componente al lienzo.
• Edita los hijos de componentes a cualquier otra cosa y guarda el resultado HTML.
• Recarga el componente en el editor más adelante y continúa editando.

Mi problema es el siguiente:

• He probado a usar 'componentes' y 'contenido' en los valores predeterminados.
• He intentado definir alguna lógica personalizada en la función 'init' de la vista de mi componente, para solo añadir el valor predeterminado si no existe ningún componente.

Ambos métodos no funcionan, funcionan al principio, pero si edito el texto, guardo los valores, cojo el HTML y lo reimporto o lo recargo en el lienzo usando la opción 'components' del editor, el valor predeterminado se inserta junto con el contenido editado (como hijos).

No entiendo por qué. También he notado que esta lógica solo funciona para componentes reales y no para nodos de texto, ya que comps.length no detecta nodos de texto como hijos.

      Vista: {
        init() {
          const comps = this.model.components();
          
if (!comps.length) {
            comps.add ('valor por defecto');
          }
       }
     }

Solo pude solucionar mi problema haciendo lo siguiente:

      Vista: {
        onRender() {
          if (!this.el.childNodes.length) this.el.innerHTML = 'Título del artículo';
        }
      }

El componente se ve así:

<div my-attribute="" data-gjs-type="article-title">Título del artículo</div>

Pero no creo que sea la mejor manera de hacerlo. Me preguntaba si alguien tiene sugerencias o puede contarme cómo lo hicieron.

¡Gracias!