mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
30 lines
727 B
TypeScript
30 lines
727 B
TypeScript
import Script from "next/script";
|
|
|
|
export default function Inline() {
|
|
return (
|
|
<>
|
|
{/* Execute arbitrary code */}
|
|
<Script id="show-banner" strategy="lazyOnload">
|
|
{`document.getElementById('banner').classList.remove('hidden')`}
|
|
</Script>
|
|
|
|
{/* Or */}
|
|
|
|
{/* <Script
|
|
id="show-banner"
|
|
dangerouslySetInnerHTML={{
|
|
__html: `document.getElementById('banner').classList.remove('hidden')`
|
|
}}
|
|
/> */}
|
|
|
|
<main>
|
|
<h1>Inline scripts</h1>
|
|
<h5 id="banner" className="hidden">
|
|
This is initially hidden but its being shown because the `Script`
|
|
component removed the `hidden` class.
|
|
</h5>
|
|
</main>
|
|
</>
|
|
);
|
|
}
|