Kirby 3.5 accordion block by @distantnative

index.js

panel.plugin("distantnative/block-accordion", {
  blocks: {
    accordion: {
      methods: {
        addRow() {
          this.content.rows.push({ summary: "", detail: "" });
          this.update({ rows: this.content.rows });
        },
        removeRow(index) {
          this.content.rows.splice(index, 1);
          this.update({ rows: this.content.rows });
        },
        updateRow(index, field, value) {
          this.content.rows[index][field] = value;
          this.update({ rows: this.content.rows });
        }
      },
      template: `
        <div>
          <details v-for="(row, rowIndex) in content.rows">
              <summary>
                <k-writer
                  :value="row.summary"
                  @input="updateRow(rowIndex, 'summary', $event)"
                />
                <k-button icon="trash" @click="removeRow(rowIndex)" />
              </summary>
              <k-writer
                :value="row.detail"
                @input="updateRow(rowIndex, 'detail', $event)"
              />
          </details>
          <k-button icon="add" @click="addRow" />
        </div>
      `
    }
  }
});