Setting computed page title in webc

[peterjanes]

Based on other discussions here it seems that a) front matter for webc templates can only be set through JavaScript, b) data files are the preferred way to set eleventyComputed, and c) dynamic titles are supported (e.g. #2768).

With all that being said, I'm running into a strange issue where the wrong (constant?) title value is being inserted into my webc pages, despite being correct in the computed title function.

venues.11tydata.js excerpt:

export default {
  pagination: {...},
  eleventyComputed: {
    permalink (data) {
      return data.venue.slug
    },
    title (data) {
      const title = data.venue.name
      console.log(title)
      return title
    }
  }
}

All of the pages are generated with their unique slugs, the logs for each page show the unique name of the entry, but they all get the title of the first entry in the collection. (It's global data in practice, but the source doesn't seem to affect the behaviour.)

Template excerpt (updated; I was copying manually from my code):

<script webc:setup>
const pageTitle = $data.title
</script>
...
<title @raw="pageTitle"></title>

npx @11ty/eleventy excerpt:

The Wave
The Wave
University College
University College
Victoria Park
Victoria Park

Checking the output:

$ rg '<title>' _site
_site/venues/the-wave/index.html
8:<title>The Wave</title>

_site/venues/university-college/index.html
8:<title>The Wave</title>

_site/venues/victoria-park/index.html
8:<title>The Wave</title>

This must be something simple, but I can't spot it in the code or the documentation. Possibly a bug in webc? I'm stumped; any thoughts?

[peterjanes]

Answering my own query: it looks like <title @raw="$data.title"></title> is the way to handle this. The <script webc:setup> step is only executed once.