Trouble Indexing Attributes

[brooklynebkbk]

Hi! I have pagefind integrated on a small 11ty project. Everything seems to be working well except for adding HTML attributes to the search index with the data-pagefind-index-attrs attribute.

I've included data-pagefind-index-attrs="title" alongside other pagefind attributes and this pagefind attribute in particular does not seem to be indexing the referenced data as expected.

Appreciate any help - thanks!

[bglw]

Hi @brooklynebkbk — sorry for missing this! I didn't see it come through.

Do you have any example code you can share? I'd be happy to take a look!

If it helps to see an example in-situ, here is the test case for this feature indexing some alt text:

pagefind/pagefind/features/indexing.feature

Lines 58 to 84 in f46b357

	Scenario: HTML attributes can be indexed
	Given I have a "public/index.html" file with the body:
	"""
	<p data-search>Nothing</p>
	"""
	Given I have a "public/cat/index.html" file with the body:
	"""
	<h1>Page Title</h1>
	<img src="/hero.png" alt="Alternate Text" data-pagefind-index-attrs="alt" />
	<p>Hello World, from Pagefind</p>
	"""
	When I run my program
	Then I should see "Running Pagefind" in stdout
	When I serve the "public" directory
	When I load "/"
	When I evaluate:
	"""
	async function() {
	let pagefind = await import("/pagefind/pagefind.js");
	let search = await pagefind.search("Alternate");
	let searchdata = await search.results[0]?.data();
	document.querySelector('[data-search]').innerText = searchdata?.content;
	}
	"""
	Then There should be no logs
	Then The selector "[data-search]" should contain "Page Title. Alternate Text. Hello World, from Pagefind."