I have an element defined like

<img class="sdicon" phx-click={JS.show(to: "#click-target", transition: "fade-in-scale")} src={~p"/images/icons/myicon.png"}>

That works fine but I’d like to define it like:

<img class="sdicon" phx-click="icon-clicked" phx-value-target="#click-target" src={~p"/images/icons/myicon.png"}>

and have an event handler

	def handle_event("icon-clicked", %{"target" => target} = unsigned_params, socket) do
		# here some important stuff that needs to be done upfrong
		# then an equivalent of JS.show(to: target, transition: "fade-in-scale")

		{:noreply, socket}
	end

that does some additional “important stuff” before the JS.show

Any suggestions how to do this “properly”? I know I can push custom event combined with window listener unless there are better options. But even then, how do I do the JS.show equivalent in the listener?