No se puede añadir un rasgo nuevo

Estoy intentando añadir un rasgo nuevo pero no funciona. He investigado bastante y probado varias formas, pero sigue sin parecer funcionar. ¿Podríais por favor aclararme qué puedo estar haciendo mal?

Opción 1:

Función predeterminada de exportación (editor, opt = {}) {
  const c = opt;
  const pfx = c.formClsPfx;
  const FORMIO_TYPE = 'jmi_form';

editor. DomComponents.addType(FORMIO_TYPE, {

modelo: {
      Predeterminados: {
        formURL: c.formURL,
        Droppable: falso,
        Rasgos: [
          Las cadenas se convierten automáticamente en tipos de texto
          'name', // Igual que: { type: 'text', name: 'name' }
        ],
      }
    },
    isComponent(el) {
      si (el.getAttribute & &
        el.getAttribute('data-gjs-type') === FORMIO_TYPE) {
        return {
          Tipo: FORMIO_TYPE
        };
      }
    },
    Vista: {
      init() {
        const comps = this.model.get('components');

Añade una plantilla básica de dynamic_form si aún no está inicializada
        if (!comps.length) {
          comps.reset();
          Ten en cuenta que tenemos "data-gjs-editable="false" abajo en la etiqueta div
          Consultar: https://github.com/artf/grapesjs/issues/422
          comps.add('
          <div data-gjs-editable="false" data-js="jmi_form" className="${pfx}"> Este es el componente de prueba </div>
          `);
        }
      } //Fin de la entrada
    },

});   Fin de domc.addType
} //Fin de la función de exportación  

Opción2: Intentando añadir programáticamente. Sigo el documento de: https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components

Función predeterminada de exportación (editor, opt = {}) {
  const c = opt;
  const pfx = c.formClsPfx;
  const FORMIO_TYPE = 'jmi_form';

editor. DomComponents.addType(FORMIO_TYPE, {

modelo: {
      Predeterminados: {
        formURL: c.formURL,
        Droppable: falso,
        traits(component) {
          resultado const = [];
          result.push('nombre');
          console.log("aquí dentro##########")
          resultado de retorno;
        },
      }
    },
    isComponent(el) {
      si (el.getAttribute & &
        el.getAttribute('data-gjs-type') === FORMIO_TYPE) {
        return {
          Tipo: FORMIO_TYPE
        };
      }
    },
    Vista: {
      init() {
        const comps = this.model.get('components');

Añade una plantilla básica de dynamic_form si aún no está inicializada
        if (!comps.length) {
          comps.reset();
          Ten en cuenta que tenemos "data-gjs-editable="false" abajo en la etiqueta div
          Consultar: https://github.com/artf/grapesjs/issues/422
          comps.add('
          <div data-gjs-editable="false" data-js="jmi_form" className="${pfx}"> Este es el componente de prueba </div>
          `);
        }
      } //Fin de la entrada
    },

});   Fin de domc.addType
} //Fin de la función de exportación  

Esta opción 2 da un error de compilación.