Allow setting data attributes on nested elements

[rigtigeEmil]

For what version of Nuxt UI are you suggesting this?

v3.0.0-alpha.x

Description

Hey. I'd like to be able to write a simple test, validating that an input field is required and shows correct validation message. Might look something like this:

describe('login page', async () => {
	await setup();
	it('requires the email field', async () => {
		const page = await createPage('/sign-in');
		await page.getByTestId('sign-in').click();
		expect(await page.getByTestId('email-error').isVisible()).toBe(true);
	});
});

It does not seem to be possible to add data attributes, in this case, email-error to the error message that appears on failed form validation.
This is obviously just an example, but I'm sure it'd be useful on many other components.

Additional context

No response

[benjamincanac]

Would you mind being more specific, on which component do you want to add those attributes? 🤔