title: Variable interpolation in Alpine.js & Spruce
body: <p>I have a scenario where I fetch data from an API and create a unique store object for each entry of the array in the response. Here's an example (using Pug and <a href="https://spruce.ryangjchandler.co.uk/" rel="nofollow noreferrer">Spruce</a>)</p>
  <pre><code>template(x-for='entry in data')
      li.list__entry(x-init='saveToStore(&quot;plan&quot;, entry.id, data.plan)')
  script.
      function saveToStore(sheet, rowID, data) {
          Spruce.store(`${sheet}-${rowID}`, data);
      }      
  </code></pre>
  <p>Now the problem is, how do I access this dynamically created store key in Alpine.js using the <code>entry.id</code> of the <code>x-for</code> loop?
  I tried something like this, but it's not working:</p>
  <pre><code>template(x-if=`$store.plan-${entry.id}`)
      span(x-text=`$store.plan-${entry.id}.name`)
  </code></pre>
  <p>How to solve this? Or any tip for another workaround?</p>