diff --git a/packages/docs/src/pages/tutorial/introduction/listeners/solution/app.tsx b/packages/docs/src/pages/tutorial/introduction/listeners/solution/app.tsx index 5d1052d4377..ef83e8070fe 100644 --- a/packages/docs/src/pages/tutorial/introduction/listeners/solution/app.tsx +++ b/packages/docs/src/pages/tutorial/introduction/listeners/solution/app.tsx @@ -12,7 +12,7 @@ export const App = component$(() => { GitHub username: (github.org = (ev.target as HTMLInputElement).value)} + onKeyUp$={(ev) => (github.org = (ev.target as HTMLInputElement).value)} />
diff --git a/starters/apps/starter-partytown/src/components/app/app.tsx b/starters/apps/starter-partytown/src/components/app/app.tsx index 50c4549442e..0999e2c08a4 100644 --- a/starters/apps/starter-partytown/src/components/app/app.tsx +++ b/starters/apps/starter-partytown/src/components/app/app.tsx @@ -56,7 +56,7 @@ export const App = component$(() => { Try interacting with this component by changing{' '} { + onKeyUp$={(event) => { const input = event.target as HTMLInputElement; state.name = input.value; }} diff --git a/starters/apps/todo-old.test/src/components/header/header.tsx b/starters/apps/todo-old.test/src/components/header/header.tsx index eae703afa99..d3b4a3398d7 100644 --- a/starters/apps/todo-old.test/src/components/header/header.tsx +++ b/starters/apps/todo-old.test/src/components/header/header.tsx @@ -17,7 +17,7 @@ export const Header = component$( placeholder="What needs to be done?" autoFocus value={state.text} - onKeyup$={(event: any) => { + onKeyUp$={(event: any) => { const inputValue = (event.target as HTMLInputElement).value; state.text = inputValue; if (event.key === 'Enter' && inputValue) { diff --git a/starters/apps/todo-old.test/src/components/item/item.tsx b/starters/apps/todo-old.test/src/components/item/item.tsx index 9d2d075fd61..6978dfdf5e5 100644 --- a/starters/apps/todo-old.test/src/components/item/item.tsx +++ b/starters/apps/todo-old.test/src/components/item/item.tsx @@ -58,7 +58,7 @@ export const Item = component$( ref={editInput} value={props.item.title} onBlur$={() => (state.editing = false)} - onKeyup$={(event: any) => { + onKeyUp$={(event: any) => { const inputValue = (event.target as HTMLInputElement).value; props.item.title = inputValue; if (event.key === 'Enter') { diff --git a/starters/apps/todo/src/components/header/header.tsx b/starters/apps/todo/src/components/header/header.tsx index b27fe7eab47..f6c22bc8dc9 100644 --- a/starters/apps/todo/src/components/header/header.tsx +++ b/starters/apps/todo/src/components/header/header.tsx @@ -18,7 +18,7 @@ export const Header = component$( placeholder="What needs to be done?" autoFocus value={state.text} - onKeyup$={(event: any) => { + onKeyUp$={(event: any) => { const inputValue = (event.target as HTMLInputElement).value; state.text = inputValue; if (event.key === 'Enter' && inputValue) { diff --git a/starters/apps/todo/src/components/item/item.tsx b/starters/apps/todo/src/components/item/item.tsx index 1a6c7ee0618..ac2128e63af 100644 --- a/starters/apps/todo/src/components/item/item.tsx +++ b/starters/apps/todo/src/components/item/item.tsx @@ -58,7 +58,7 @@ export const Item = component$( ref={editInput} value={props.item.title} onBlur$={() => (state.editing = false)} - onKeyup$={(event: any) => { + onKeyUp$={(event: any) => { const inputValue = (event.target as HTMLInputElement).value; props.item.title = inputValue; if (event.key === 'Enter') {