Why isn't my preview of a block rendering correctly

Kirby 3 Solved ✅
1

Hi,

Not sure what I’m doing wrong here:

panel.plugin("your-project/slider-block", {
  blocks: {
    slider: `
      <img src="{{ content.images[0].url }}">
    `
  }
});

The html output of this is:

<img src="{{ content.images[0].url }}">

If I test:

panel.plugin("your-project/slider-block", {
  blocks: {
    slider: `
      <p>{{ content.images[0].url }}</p>
    `
  }
});

The content outputs correctly:
localhost…/media/site/15589962e0-1608134799/image.png

2

This works :+1:

panel.plugin("your-project/slider-block", {
  blocks: {
    slider: `
      <img
        :src="content.media[0].url"
      >
    `
  }
});