use unprefixed props in website

bikeshaving · Feb 4, 2024 · 5131ea7 · 5131ea7
1 parent 5df100a
commit 5131ea7
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/website/src/clients/playground.ts b/website/src/clients/playground.ts
@@ -100,10 +100,10 @@ function* Playground(this: Context, {}) {
 								value=${exampleName}
 								onchange=${onexamplechange}
 							>
-								<option value="" $key=${name}>Load an example...</option>
+								<option value="" key=${name}>Load an example...</option>
 								${examples.map(
 									({name, label}) => jsx`
-									<option value=${name} $key=${name}>${label}</option>
+									<option value=${name} key=${name}>${label}</option>
 								`,
 								)}
 							</select>

diff --git a/website/src/components/code-editor.ts b/website/src/components/code-editor.ts
@@ -377,7 +377,7 @@ export function* CodeEditor(
 				`
 				}
 				<${ContentArea}
-					$ref=${(el: ContentAreaElement) => (area = el)}
+					ref=${(el: ContentAreaElement) => (area = el)}
 					value=${value}
 					renderSource=${renderSource}
 					selectionRange=${selectionRange}
@@ -415,7 +415,7 @@ export function* CodeEditor(
 								// TODO: using the virtualizer start and ends with static is breaking paste
 								return jsx`
 									<${Line}
-										$key=${keyer.keyAt(index) + "line"}
+										key=${keyer.keyAt(index) + "line"}
 										line=${line}
 										lineNumber=${l}
 									/>

diff --git a/website/src/components/code-preview.ts b/website/src/components/code-preview.ts
@@ -248,8 +248,8 @@ export function* CodePreview(
 						`
 					}
 					<iframe
-						$key=${iframeID}
-						$ref=${(el: HTMLIFrameElement) => (iframe = el)}
+						key=${iframeID}
+						ref=${(el: HTMLIFrameElement) => (iframe = el)}
 						class="
 							playground-iframe
 							${css`

diff --git a/website/src/components/contentarea.ts b/website/src/components/contentarea.ts
@@ -102,8 +102,8 @@ export function* ContentArea(
 		yield jsx`
 			<content-area
 				...${rest}
-				$ref=${(el: ContentAreaElement) => (area = el)}
-				$static=${composing}
+				ref=${(el: ContentAreaElement) => (area = el)}
+				static=${composing}
 			>${children}</content-area>
 		`;
 

diff --git a/website/src/components/inline-code-block.ts b/website/src/components/inline-code-block.ts
@@ -65,7 +65,7 @@ export function* InlineCodeBlock(
 							max-width: 100%;
 						`}>
 							<${CodeEditor}
-								$static
+								static
 								value=${value}
 								lang=${lang}
 								editable=${editable}