Using an action twice throws "same attribute" error

[pushkine]

https://svelte.dev/repl/01a14375951749dab9579cb6860eccde?version=3.29.0

<script>
	function action(){}
</script>

<div use:action use:action />

Attributes need to be unique (5:16)

[peopledrivemecrazy]

Do you want to have the same script run twice on the node?

[niklasgrewe]

@peopledrivemecrazy @antony I have a similar question: Is it possible to use an action twice on the same node? I have written a small animation function that looks something like this:

<div use:animate={{trigger: scrollY, opactiy: {start: 0, end: 200, from: 0, to: 1}}} />

It would be very helpful for me if I could use them several times on same element, so i can create in and out scroll animations.

[antony]

Heya, It is not. Why not make your action take an array?

On Sun, 18 Oct 2020 at 18:36, Niklas Grewe ***@***.***> wrote: @peopledrivemecrazy <https://github.com/peopledrivemecrazy> @antony <https://github.com/antony> I have a similar question: Is it possible to use an action twice on the same node? I have written a small animation function that looks something like this: <div use:animte={{trigger: scrollY, opactiy: {start: 0, end: 200, from: 0, to: 1}}} /> It would be very helpful for me if I could use them several times on same element. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#5516 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AABVORP4RNL2O5WJLQUJVYTSLMRQXANCNFSM4SLOAYYQ> .

--

…

________________________________ ꜽ . antony jones . http://www.enzy.org

[voscausa]

You can use it twice like this:

<script>
	function action(){}
	const alias = action;
</script>

<div use:action use:alias />

[peopledrivemecrazy]

You can use it twice like this:

<script>
	function action(){}
	const alias = action;
</script>

<div use:action use:alias />

This works great.

[Conduitry]

As of 3.32.0, you can now have multiple instances of the same action - https://svelte.dev/repl/01a14375951749dab9579cb6860eccde?version=3.32.0

[peopledrivemecrazy]

<script>
	let x = 0
	function action(){
		x+=1
	console.log(x)
	}
</script>

<div use:action use:action use:action use:action />

This works fine good job @pushkine