mirror of https://github.com/sveltejs/svelte
complain if named slots other than direct descendant of component (#4509)
parent
82dce0c8fc
commit
5bb5ba4c76
@ -0,0 +1 @@
|
|||||||
|
<slot name="slot2"></slot>
|
@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
error: [`Element with a slot='...' attribute must be a child of a component or a descendant of a custom element`]
|
||||||
|
};
|
@ -0,0 +1,11 @@
|
|||||||
|
<script>
|
||||||
|
import Nested from "./Nested.svelte";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Nested>
|
||||||
|
<div slot="slot1">
|
||||||
|
<div>
|
||||||
|
<div slot="slot2" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Nested>
|
@ -0,0 +1 @@
|
|||||||
|
<slot name="slot2"></slot>
|
@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
error: [`Element with a slot='...' attribute must be a child of a component or a descendant of a custom element`]
|
||||||
|
};
|
@ -0,0 +1,11 @@
|
|||||||
|
<script>
|
||||||
|
import Nested from "./Nested.svelte";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Nested>
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<div slot="slot2" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Nested>
|
@ -0,0 +1 @@
|
|||||||
|
<slot name="slot2"></slot>
|
@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
error: [`Element with a slot='...' attribute must be a child of a component or a descendant of a custom element`]
|
||||||
|
};
|
@ -0,0 +1,9 @@
|
|||||||
|
<script>
|
||||||
|
import Nested from "./Nested.svelte";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Nested>
|
||||||
|
<div slot="slot1">
|
||||||
|
<div slot="slot2" />
|
||||||
|
</div>
|
||||||
|
</Nested>
|
@ -0,0 +1,9 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"code": "invalid-slotted-content",
|
||||||
|
"message": "Element with a slot='...' attribute must be a child of a component or a descendant of a custom element",
|
||||||
|
"start": { "line": 10, "column": 9, "character": 138 },
|
||||||
|
"end": { "line": 10, "column": 19, "character": 148 },
|
||||||
|
"pos": 138
|
||||||
|
}
|
||||||
|
]
|
@ -0,0 +1,14 @@
|
|||||||
|
<script>
|
||||||
|
import Nested from './Nested.svelte';
|
||||||
|
let thing = false;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<custom-element>
|
||||||
|
<Nested>
|
||||||
|
{#if thing}
|
||||||
|
<div>
|
||||||
|
<div slot='bar' />
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
</Nested>
|
||||||
|
</custom-element>
|
@ -0,0 +1 @@
|
|||||||
|
[]
|
@ -0,0 +1,15 @@
|
|||||||
|
<script>
|
||||||
|
import Nested from './Nested.svelte';
|
||||||
|
let thing = false;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Nested>
|
||||||
|
<custom-element>
|
||||||
|
<div>
|
||||||
|
<div slot='foo' />
|
||||||
|
</div>
|
||||||
|
{#if thing}
|
||||||
|
<div slot='bar' />
|
||||||
|
{/if}
|
||||||
|
</custom-element>
|
||||||
|
</Nested>
|
Loading…
Reference in new issue