missing type of HTMLAttribute about svelte HOT 4 CLOSED

If you're trying to alter a single style programmatically in Svelte 4, I'd recommend style directives.

<script lang="ts">
  let scale = 1.0
  
  function scale_up(){
    scale = 1.5
  }
  function reset_scale(){
    scale = 1.0
  }
</script>

<img
  style="width: 2em; height: 2em; background-color: red; display: inline-block; transition: scale 0.5s;"
  style:scale
  on:mouseover={scale_up}
  on:mouseout={reset_scale}
  alt="Parametrix logo"
/>

This also ties into the error you're seeing. In Svelte 4, the on: syntax (note the colon) is used for element directives, including attaching callbacks to event listeners. In Svelte 5, you would use the onmouseover attribute itself (without the colon).

from svelte.

Thank you James for your quick response!
I'd like avoiding using a variable because i want to clone those HTMLElement later on.
Here the code that will clone those slides : https://github.com/charlyoleg2/parametrix/blob/main/pkg/paramui/src/lib/Carousel.svelte
Here the result: https://charlyoleg2.github.io/parametrix/docs/prez
Click on one of the slides to start the presentation.
Because of the cloneNode(), I want to have all the HTML of a slide self-contained.

from svelte.

This might not be a great fit between what you're using (a lot of imperative DOM manipulation) and Svelte (a declarative framework by design).

I'm pretty sure you can do everything in that library with Svelte, and write it more expressively, with less code to type.

Have you already gone through the Svelte tutorial? A lot of the stuff can be achieved with bindings, actions, and declarative markup.

from svelte.

Using the event attribute and passing a string is highly discouraged. In Svelte 5, event attributes will error when being passed a string. As pointed out by others I suggest to solve this differently through the mechanics Svelte offers. Therefore closing as "wontfix"

from svelte.