Failed implementation of custom cell widget

src/html/members.html

@@ -1,13 +1,22 @@
+<script>
+  class LDPDisplayCell extends LDPWidget {
+    get template() {
+      return `<div name="${this.name}">${this.value.city} - ${this.value.country}</div>`;
+    }
+  }
+  customElements.define("ldp-display-cell", LDPDisplayCell);
+</script>
+
 <div id="members" class="view" style="display: none">
   <ldp-display 
     id="profiles-list" 
     data-src="http://localhost:8000/members/" 
     set-name="firstname, name-separator, lastname"
     value-name-separator="&nbsp;"
-    set-location="city, city-separator, country"
     value-city-separator=",&nbsp;"
-    data-fields="avatar, name, location"
+    data-fields="avatar, name, cell"
     widget-avatar="ldp-display-img"
+    widget-cell="ldp-display-cell"
     search-fields="firstname, lastname"
     next="member"
   ></ldp-display>