support data attribute

Author: JoviDeCroock

.changeset/perfect-ducks-rule.md

@@ -0,0 +1,5 @@
+---
+'preact-render-to-string': patch
+---
+
+Support `data` attribute

src/index.js

@@ -311,10 +311,7 @@ function _renderToString(vnode, context, isSvgMode, selectValue, parent) {
 					name = name.toLowerCase().replace(XLINK_REPLACE_REGEX, 'xlink:');
 				} else if (UNSAFE_NAME.test(name)) {
 					continue;
-				} else if (
-					((name[0] === 'a' && name[1] === 'r') || name === 'draggable') &&
-					v != null
-				) {
+				} else if ((name[4] === '-' || name === 'draggable') && v != null) {
 					// serialize boolean aria-xyz or draggable attribute values as strings
 					// `draggable` is an enumerated attribute and not Boolean. A value of `true` or `false` is mandatory
 					// https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable

test/render.test.js

@@ -142,6 +142,16 @@ describe('render', () => {
 			expect(rendered).to.equal(expected);
 		});
 
+		it('should support false aria-* attributes', () => {
+			let rendered = render(<div aria-checked={false} />);
+			expect(rendered).to.equal(`<div aria-checked="false"></div>`);
+		});
+
+		it('should support false data-* attributes', () => {
+			let rendered = render(<div data-checked={false} />);
+			expect(rendered).to.equal(`<div data-checked="false"></div>`);
+		});
+
 		describe('attribute name sanitization', () => {
 			it('should omit attributes with invalid names', () => {
 				let rendered = render(