[ci] format

packages/integrations/react/README.md

@@ -80,7 +80,7 @@ import ReactComponent from './ReactComponent';
 </ReactComponent>
 ```
 
-If you are using a library that *expects* more than one child element element to be passed, for example so that it can slot certain elements in different places, you might find this to be a blocker.
+If you are using a library that _expects_ more than one child element element to be passed, for example so that it can slot certain elements in different places, you might find this to be a blocker.
 
 You can set the experimental flag `experimentalReactChildren` to tell Astro to always pass children to React as React vnodes. There is some runtime cost to this, but it can help with compatibility.
 
@@ -96,7 +96,7 @@ export default defineConfig({
   integrations: [
     react({
       experimentalReactChildren: true,
-    })
+    }),
   ],
 });
 ```

packages/integrations/react/server.js

@@ -87,7 +87,7 @@ async function renderToStaticMarkup(Component, props, { default: children, ...sl
 	};
 	const newChildren = children ?? props.children;
 	if (children && opts.experimentalReactChildren) {
-		const convert = await import('./vnode-children.js').then(mod => mod.default);
+		const convert = await import('./vnode-children.js').then((mod) => mod.default);
 		newProps.children = convert(children);
 	} else if (newChildren != null) {
 		newProps.children = React.createElement(StaticHtml, {

packages/integrations/react/src/index.ts

@@ -43,19 +43,19 @@ function optionsPlugin(experimentalReactChildren: boolean): vite.Plugin {
 	return {
 		name: '@astrojs/react:opts',
 		resolveId(id) {
-			if(id === virtualModule) {
+			if (id === virtualModule) {
 				return virtualModuleId;
 			}
 		},
 		load(id) {
-			if(id === virtualModuleId) {
+			if (id === virtualModuleId) {
 				return {
 					code: `export default {
 						experimentalReactChildren: ${JSON.stringify(experimentalReactChildren)}
-					}`
+					}`,
 				};
 			}
-		}
+		},
 	};
 }
 
@@ -93,17 +93,17 @@ function getViteConfiguration(experimentalReactChildren: boolean) {
 				'use-immer',
 			],
 		},
-		plugins: [
+		plugins: [optionsPlugin(experimentalReactChildren)],
-			optionsPlugin(experimentalReactChildren)
-		]
 	};
 }
 
 export type ReactIntegrationOptions = {
 	experimentalReactChildren: boolean;
-}
+};
 
-export default function ({ experimentalReactChildren }: ReactIntegrationOptions = { experimentalReactChildren: false }): AstroIntegration {
+export default function (
+	{ experimentalReactChildren }: ReactIntegrationOptions = { experimentalReactChildren: false }
+): AstroIntegration {
 	return {
 		name: '@astrojs/react',
 		hooks: {

packages/integrations/react/test/react-component.test.js

@@ -51,7 +51,9 @@ describe('React Components', () => {
 			// test 10: Should properly render children passed as props
 			const islandsWithChildren = $('.with-children');
 			expect(islandsWithChildren).to.have.lengthOf(2);
-			expect($(islandsWithChildren[0]).html()).to.equal($(islandsWithChildren[1]).find('astro-slot').html());
+			expect($(islandsWithChildren[0]).html()).to.equal(
+				$(islandsWithChildren[1]).find('astro-slot').html()
+			);
 
 			// test 11: Should generate unique React.useId per island
 			const islandsWithId = $('.react-use-id');
@@ -103,8 +105,8 @@ describe('React Components', () => {
 		it('Children are parsed as React components, can be manipulated', async () => {
 			const html = await fixture.readFile('/children/index.html');
 			const $ = cheerioLoad(html);
-			expect($(".with-children-count").text()).to.equal('2');
+			expect($('.with-children-count').text()).to.equal('2');
-		})
+		});
 	});
 
 	if (isWindows) return;

packages/integrations/react/vnode-children.js

@@ -1,4 +1,4 @@
-import { parse, walkSync, DOCUMENT_NODE, ELEMENT_NODE, TEXT_NODE } from 'ultrahtml'
+import { parse, walkSync, DOCUMENT_NODE, ELEMENT_NODE, TEXT_NODE } from 'ultrahtml';
 import { createElement, Fragment } from 'react';
 
 export default function convert(children) {
@@ -17,7 +17,6 @@ export default function convert(children) {
 			if (parent) {
 				const newParent = nodeMap.get(parent);
 				newParent.props.children[index] = newNode;
-                
 			}
 		} else if (node.type === TEXT_NODE) {
 			newNode = node.value.trim();