html構造が見やすいようにした

uzabase · Nov 4, 2024 · eb3f80b · eb3f80b
1 parent 8e7fd14
commit eb3f80b
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/src/components/definitionList/sp-definition-list.ts b/src/components/definitionList/sp-definition-list.ts
@@ -9,9 +9,6 @@ const styles = new CSSStyleSheet();
 styles.replaceSync(`${resetStyle} ${foundationStyle} ${spDefinitionListStyle}`);
 
 export class SpDefinitionList extends HTMLElement {
-  #dlElement = document.createElement("dl");
-  #slotElement = document.createElement("slot");
-
   constructor() {
     super();
     this.attachShadow({ mode: "open" });
@@ -22,9 +19,11 @@ export class SpDefinitionList extends HTMLElement {
       ...this.shadowRoot.adoptedStyleSheets,
       styles,
     ];
-    this.#dlElement.classList.add("base");
-    this.#dlElement.appendChild(this.#slotElement);
-    this.shadowRoot.appendChild(this.#dlElement);
+    this.shadowRoot.innerHTML = `
+      <dl class="base">
+        <slot></slot>
+      </dl>
+    `;
   }
 }