How to view the layers inside

[PanuwatChinpratan]

I can only see one layer. In fact, I should be able to see the layers inside as well.

editor.DomComponents.addType("api-block-header", {
    model: {
      defaults: {
        attributes: { contenteditable: true },
        tagName: "div",
        classes: ["api-block-header"],
      },
    },
    view: {
      init() {
        this.fetchData();
  
        this.listenTo(
          this,
          "change:apiUrl change:apiPath change:apiCustomIndex",
          this.fetchData
        );
      },
  
      fetchData() {
       
          const content = `<div
                                  class="rectangle-6589"
                                  style="justify-content: center; display: flex; align-items: center"
                                  >
                                  <div
                                    class="welcome-to-csr-children-foundation"
                                    style="text-align: center"
                                  >
                                    Welcome to CSR Children Foundation
                                  </div>
                                  </div>
                                  <style>
                                  .welcome-to-csr-children-foundation,
                                  .welcome-to-csr-children-foundation * {
                                    box-sizing: border-box;
                                  }
                                  .welcome-to-csr-children-foundation {
                                    color: #ffffff;
                                    text-align: left;
                                    font-family: "OpenSans-Bold", sans-serif;
                                    font-size: 25px;
                                    font-weight: 700;
                                    position: relative;
                                  }
                                  .rectangle-6589,
                                  .rectangle-6589 * {
                                    box-sizing: border-box;
                                  }
                                  .rectangle-6589 {
                                    background: #ed1c24;
      
                                    height: 245.09px;
                                    position: relative;
                                  }
                                  </style>`;
  
          this.model.set("content", content);
        }
      },
    
  });

[artf]

Update the components, not the content.

model.components(content)