ripple 0.2.6 → 0.2.7

package/tests/use.test.ripple

@@ -1,32 +1,34 @@
 import { describe, it, expect, beforeEach, afterEach } from 'vitest';
+
 import { mount, flushSync } from 'ripple';
 
 describe('@use element decorators', () => {
-  let container;
-
-  function render(component) {
-    mount(component, { target: container });
-  }
+	let container;
 
-  beforeEach(() => {
-    container = document.createElement('div');
-    document.body.appendChild(container);
-  });
+	function render(component) {
+		mount(component, {
+			target: container
+		});
+	}
 
-  afterEach(() => {
-    document.body.removeChild(container);
-    container = null;
-  });
+	beforeEach(() => {
+		container = document.createElement('div');
+		document.body.appendChild(container);
+	});
 
-  it('capture a <div>', () => {
-    let div;
-    
-    component Component() {
-      <div {@use (node) => { div = node; }}>{"Hello World"}</div>
-    }
+	afterEach(() => {
+		document.body.removeChild(container);
+		container = null;
+	});
 
-    render(Component);
+	it('capture a <div>', () => {
+		let div;
 
-    expect(div.textContent).toBe('Hello World');
-  });
+		component Component() {
+			<div {@use (node) => { div = node; }}>{'Hello World'}</div>
+		}
+		render(Component);
+		flushSync();
+		expect(div.textContent).toBe('Hello World');
+	});
 });

package/types/index.d.ts

@@ -2,7 +2,7 @@ export type Component<T = Record<string, any>> = (props: T) => void;
 
 export declare function mount(
 	component: () => void,
-	options: { target: HTMLElement; props?: Record<string, any> }
+	options: { target: HTMLElement; props?: Record<string, any> },
 ): () => void;
 
 export declare function untrack<T>(fn: () => T): T;