mirror of https://github.com/sveltejs/svelte
Rich Harris
7 years ago
parent
6bb5c79ad7
commit
75bb357e98
@ -1,15 +1,15 @@
|
||||
[{
|
||||
"code": "invalid-action",
|
||||
"message": "Actions can only be applied to DOM elements, not components",
|
||||
"pos": 8,
|
||||
"pos": 84,
|
||||
"start": {
|
||||
"line": 1,
|
||||
"line": 7,
|
||||
"column": 8,
|
||||
"character": 8
|
||||
"character": 84
|
||||
},
|
||||
"end": {
|
||||
"line": 1,
|
||||
"line": 7,
|
||||
"column": 15,
|
||||
"character": 15
|
||||
"character": 91
|
||||
}
|
||||
}]
|
||||
@ -1,15 +1,7 @@
|
||||
<Widget use:foo/>
|
||||
|
||||
<script>
|
||||
import Widget from './Widget.html';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
Widget
|
||||
},
|
||||
|
||||
actions: {
|
||||
foo() {}
|
||||
}
|
||||
};
|
||||
function foo(){}
|
||||
</script>
|
||||
|
||||
<Widget use:foo/>
|
||||
@ -1,17 +1,8 @@
|
||||
<script>
|
||||
function foo() {}
|
||||
function bar() {}
|
||||
</script>
|
||||
|
||||
{#each things as thing (thing)}
|
||||
<div animate:foo animate:bar></div>
|
||||
{/each}
|
||||
|
||||
<script>
|
||||
export default {
|
||||
animations: {
|
||||
foo(node, animation, params) {
|
||||
// ...
|
||||
},
|
||||
|
||||
bar(node, animation, params) {
|
||||
// ...
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -1,11 +1,5 @@
|
||||
<div animate:foo></div>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
animations: {
|
||||
foo(node, animation, params) {
|
||||
// ...
|
||||
}
|
||||
}
|
||||
};
|
||||
function foo() {}
|
||||
</script>
|
||||
|
||||
<div animate:foo></div>
|
||||
@ -1,14 +1,8 @@
|
||||
<script>
|
||||
function foo() {}
|
||||
</script>
|
||||
|
||||
{#each things as thing}
|
||||
<div animate:foo></div>
|
||||
<div animate:foo></div>
|
||||
{/each}
|
||||
|
||||
<script>
|
||||
export default {
|
||||
animations: {
|
||||
foo(node, animation, params) {
|
||||
// ...
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -1,14 +1,8 @@
|
||||
<script>
|
||||
function foo() {}
|
||||
</script>
|
||||
|
||||
{#each things as thing (thing)}
|
||||
<div animate:foo></div>
|
||||
<div animate:foo></div>
|
||||
{/each}
|
||||
|
||||
<script>
|
||||
export default {
|
||||
animations: {
|
||||
foo(node, animation, params) {
|
||||
// ...
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -1,15 +0,0 @@
|
||||
[{
|
||||
"code": "invalid-name",
|
||||
"message": "Component constructors cannot be called 'state' due to technical limitations",
|
||||
"pos": 73,
|
||||
"start": {
|
||||
"line": 6,
|
||||
"column": 3,
|
||||
"character": 73
|
||||
},
|
||||
"end": {
|
||||
"line": 6,
|
||||
"column": 8,
|
||||
"character": 78
|
||||
}
|
||||
}]
|
||||
@ -1,9 +0,0 @@
|
||||
<script>
|
||||
import state from 'foo';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
state
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -1,11 +1,7 @@
|
||||
<Nested>
|
||||
<button slot='{foo}'>click me</button>
|
||||
</Nested>
|
||||
|
||||
<script>
|
||||
import Nested from './Nested.html';
|
||||
|
||||
export default {
|
||||
components: { Nested }
|
||||
};
|
||||
</script>
|
||||
|
||||
<Nested>
|
||||
<button slot={foo}>click me</button>
|
||||
</Nested>
|
||||
@ -1,15 +1,9 @@
|
||||
<script>
|
||||
import Nested from './Nested.html';
|
||||
</script>
|
||||
|
||||
<Nested>
|
||||
{#each things as thing}
|
||||
<div slot='foo'>{thing}</div>
|
||||
{/each}
|
||||
</Nested>
|
||||
|
||||
<script>
|
||||
import Nested from './Nested.html';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
Nested
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -1,15 +1,9 @@
|
||||
<script>
|
||||
import Nested from './Nested.html';
|
||||
</script>
|
||||
|
||||
<Nested>
|
||||
{#if thing}
|
||||
<div slot='foo'>{thing}</div>
|
||||
{/if}
|
||||
</Nested>
|
||||
|
||||
<script>
|
||||
import Nested from './Nested.html';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
Nested
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,15 @@
|
||||
[{
|
||||
"code": "default-export",
|
||||
"message": "A component cannot have a default export",
|
||||
"pos": 10,
|
||||
"start": {
|
||||
"line": 2,
|
||||
"column": 1,
|
||||
"character": 10
|
||||
},
|
||||
"end": {
|
||||
"line": 2,
|
||||
"column": 19,
|
||||
"character": 28
|
||||
}
|
||||
}]
|
||||
@ -0,0 +1,3 @@
|
||||
<script>
|
||||
export default 42;
|
||||
</script>
|
||||
@ -1,15 +0,0 @@
|
||||
[{
|
||||
"code": "missing-ref",
|
||||
"message": "'refs.inputx' does not exist (did you mean 'refs.input'?)",
|
||||
"pos": 36,
|
||||
"start": {
|
||||
"line": 2,
|
||||
"column": 18,
|
||||
"character": 36
|
||||
},
|
||||
"end": {
|
||||
"line": 2,
|
||||
"column": 35,
|
||||
"character": 53
|
||||
}
|
||||
}]
|
||||
@ -1,2 +0,0 @@
|
||||
<input ref:input>
|
||||
<button on:click='refs.inputx.focus()'>focus input</button>
|
||||
@ -1,2 +0,0 @@
|
||||
<input ref:input>
|
||||
<button on:click='{() => refs.input.focus()}'>focus input</button>
|
||||
@ -1 +0,0 @@
|
||||
[]
|
||||
@ -1,11 +0,0 @@
|
||||
<script>
|
||||
export let things = [ 'a', 'b', 'c' ];
|
||||
|
||||
function thing(x) {
|
||||
return x;
|
||||
}
|
||||
</script>
|
||||
|
||||
{#each things as thing}
|
||||
{thing}
|
||||
{/each}
|
||||
@ -1,15 +0,0 @@
|
||||
[{
|
||||
"code": "each-context-clash",
|
||||
"message": "Context clashes with a helper. Rename one or the other to eliminate any ambiguity",
|
||||
"start": {
|
||||
"line": 1,
|
||||
"column": 17,
|
||||
"character": 17
|
||||
},
|
||||
"end": {
|
||||
"line": 1,
|
||||
"column": 22,
|
||||
"character": 22
|
||||
},
|
||||
"pos": 17
|
||||
}]
|
||||
@ -1,15 +0,0 @@
|
||||
[{
|
||||
"code": "named-export",
|
||||
"message": "A component can only have a default export",
|
||||
"pos": 10,
|
||||
"start": {
|
||||
"line": 2,
|
||||
"column": 1,
|
||||
"character": 10
|
||||
},
|
||||
"end": {
|
||||
"line": 2,
|
||||
"column": 21,
|
||||
"character": 30
|
||||
}
|
||||
}]
|
||||
@ -1,3 +0,0 @@
|
||||
<script>
|
||||
export var foo = 42;
|
||||
</script>
|
||||
@ -1,5 +1 @@
|
||||
<script>
|
||||
export default {
|
||||
namespace: 'lol'
|
||||
};
|
||||
</script>
|
||||
<svelte:meta namespace="lol"/>
|
||||
@ -1,5 +1 @@
|
||||
<script>
|
||||
export default {
|
||||
namespace: 'http://www.w3.org/1999/svg'
|
||||
};
|
||||
</script>
|
||||
<svelte:meta namespace="http://www.w3.org/1999/svg"/>
|
||||
@ -1,7 +1 @@
|
||||
<script>
|
||||
const namespace = 'http://www.w3.org/1999/svg';
|
||||
|
||||
export default {
|
||||
namespace
|
||||
};
|
||||
</script>
|
||||
<svelte:meta namespace={ns}/>
|
||||
@ -1,5 +1 @@
|
||||
<script>
|
||||
export default {
|
||||
tag: 'invalid'
|
||||
};
|
||||
</script>
|
||||
<svelte:meta tag="invalid"/>
|
||||
@ -1,5 +1 @@
|
||||
<script>
|
||||
export default {
|
||||
tag: 42
|
||||
};
|
||||
</script>
|
||||
<svelte:meta tag={42}/>
|
||||
@ -1,10 +1,6 @@
|
||||
<div in:foo transition:bar>...</div>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
transitions: {
|
||||
foo,
|
||||
bar
|
||||
}
|
||||
};
|
||||
function foo() {}
|
||||
function bar() {}
|
||||
</script>
|
||||
|
||||
<div in:foo transition:bar>...</div>
|
||||
@ -1,10 +1,6 @@
|
||||
<div in:foo in:bar>...</div>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
transitions: {
|
||||
foo,
|
||||
bar
|
||||
}
|
||||
};
|
||||
function foo() {}
|
||||
function bar() {}
|
||||
</script>
|
||||
|
||||
<div in:foo in:bar>...</div>
|
||||
@ -1,10 +1,6 @@
|
||||
<div out:foo transition:bar>...</div>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
transitions: {
|
||||
foo,
|
||||
bar
|
||||
}
|
||||
};
|
||||
function foo() {}
|
||||
function bar() {}
|
||||
</script>
|
||||
|
||||
<div out:foo transition:bar>...</div>
|
||||
@ -1,10 +1,6 @@
|
||||
<div out:foo out:bar>...</div>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
transitions: {
|
||||
foo,
|
||||
bar
|
||||
}
|
||||
};
|
||||
function foo() {}
|
||||
function bar() {}
|
||||
</script>
|
||||
|
||||
<div out:foo out:bar>...</div>
|
||||
@ -1,10 +1,6 @@
|
||||
<div transition:foo in:bar>...</div>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
transitions: {
|
||||
foo,
|
||||
bar
|
||||
}
|
||||
};
|
||||
function foo() {}
|
||||
function bar() {}
|
||||
</script>
|
||||
|
||||
<div transition:foo in:bar>...</div>
|
||||
@ -1,10 +1,6 @@
|
||||
<div transition:foo out:bar>...</div>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
transitions: {
|
||||
foo,
|
||||
bar
|
||||
}
|
||||
};
|
||||
function foo() {}
|
||||
function bar() {}
|
||||
</script>
|
||||
|
||||
<div transition:foo out:bar>...</div>
|
||||
@ -1,10 +1,6 @@
|
||||
<div transition:foo transition:bar>...</div>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
transitions: {
|
||||
foo,
|
||||
bar
|
||||
}
|
||||
};
|
||||
function foo() {}
|
||||
function bar() {}
|
||||
</script>
|
||||
|
||||
<div transition:foo transition:bar>...</div>
|
||||
@ -1,15 +1,7 @@
|
||||
<Widget in:foo/>
|
||||
|
||||
<script>
|
||||
import Widget from './Widget.html';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
Widget
|
||||
},
|
||||
|
||||
transitions: {
|
||||
foo() {}
|
||||
}
|
||||
};
|
||||
function foo() {}
|
||||
</script>
|
||||
|
||||
<Widget in:foo/>
|
||||
Loading…
Reference in new issue