[AI] Binding data store

OS info

  • Operating System : Windows 10.0.22631
  • Wappler Version : 7.4.0
  • Claude Sonnet

Problem description

AI generated the following code to bind/initialize values to data stores which I assume it is not correct as they do not display in the Structure tree and don't display where they are being referenced.

<!-- Data Stores -->
<dmx-data-store id="formData" dmx-bind:data="{
  selectedPackage: '',
  customAmount: '',
  frequency: 'one-time',
  donorName: '',
  donorEmail: '',
  donorPhone: '',
  notes: '',
  totalAmount: 0
}"></dmx-data-store>

<dmx-data-store id="packages" dmx-bind:data="[
  { id: 'bronze', name: 'Bronze Supporter', amount: 25, popular: false },
  { id: 'silver', name: 'Silver Supporter', amount: 50, popular: false },
  { id: 'gold', name: 'Gold Supporter', amount: 100, popular: true },
  { id: 'platinum', name: 'Platinum Supporter', amount: 250, popular: false }
]"></dmx-data-store>

Also, the syntax is incorrect. <dmx-data-store should be <dmx-datastore.