mirror of https://github.com/sveltejs/svelte
fix: `print()` multiline behaviour (#17319)
* way cleaner new line handling for base_elements * fix * more fixes * use esrap preview * changeset * bump `esrap` * update snapshot * update more snapshots * Update .changeset/rich-zoos-walk.md --------- Co-authored-by: Rich Harris <rich.harris@vercel.com>pull/17588/head
Manuel
6 months ago
committed by
GitHub
parent
9d1dd2e199
commit
82fde88780
@ -0,0 +1,5 @@
|
||||
---
|
||||
'svelte': patch
|
||||
---
|
||||
|
||||
fix: properly separate multiline html blocks from each other in `print()`
|
||||
@ -1,2 +1,2 @@
|
||||
<!-- @migration-task Error while migrating Svelte code: This migration would change the name of a slot (dashed-name to dashed_name) making the component unusable -->
|
||||
<slot name="dashed-name"></slot>
|
||||
<slot name="dashed-name"></slot>
|
||||
@ -1 +1,8 @@
|
||||
<script>import { setLocale } from '$lib/paraglide/runtime';import { m } from '$lib/paraglide/messages.js';</script><h1>{m.hello_world({ name: 'SvelteKit User' })}</h1><div><button onclick={() => setLocale('en')}>en</button><button onclick={() => setLocale('es')}>es</button></div><p>If you use VSCode, install the <a href="https://marketplace.visualstudio.com/items?itemName=inlang.vs-code-extension" target="_blank">Sherlock i18n extension</a>for a better i18n experience.</p>
|
||||
<script>import { setLocale } from '$lib/paraglide/runtime';import { m } from '$lib/paraglide/messages.js';</script>
|
||||
|
||||
<h1>{m.hello_world({ name: 'SvelteKit User' })}</h1><div><button onclick={() => setLocale('en')}>en</button><button onclick={() => setLocale('es')}>es</button></div><p>If you use VSCode, install the <a href="https://marketplace.visualstudio.com/items?itemName=inlang.vs-code-extension" target="_blank">Sherlock i18n extension</a>for a better i18n experience.</p>
|
||||
|
||||
<Component><div><button>Hello, this is a test</button><button>Hello, this is a test</button></div></Component>
|
||||
<Component><button>Hello, this is a test</button><button>Hello, this is a test</button></Component>
|
||||
<button class="foo bar" aria-label="click" onclick={() => console.log("clicked")}>Click me!</button>
|
||||
<button class="foo bar" aria-label="click" onclick={() => console.log("clicked")}><span>some fancy looking</span><span>really long button text</span></button>
|
||||
|
||||
@ -1,12 +1,16 @@
|
||||
<!doctype html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1.0"
|
||||
/>
|
||||
|
||||
<title>Svelte App</title>
|
||||
</head>
|
||||
|
||||
<body><div>Hello World</div></body>
|
||||
</html>
|
||||
|
||||
@ -1,8 +1,7 @@
|
||||
<div style:color="red">...</div>
|
||||
|
||||
<div
|
||||
style:color
|
||||
style:width="12rem"
|
||||
style:background-color={darkMode ? 'black' : 'white'}
|
||||
>
|
||||
...
|
||||
</div>
|
||||
>...</div>
|
||||
|
||||
Loading…
Reference in new issue