Svelte 5: animation not triggered when component imported from index

[alex-pirogov]

Describe the bug

Both lines are the same component. The difference is that the first one uses import from index.ts file and the 2nd uses direct import from .svelte file

CleanShot.2024-10-17.at.15.07.55.mp4

Reproduction

I've created a demo project as i was not able to reproduce it in REPL: https://github.com/alex-pirogov/svelte-5-comp/blob/master/src/routes/%2Bpage.svelte

Logs

No response

System Info

System:
    OS: macOS 14.4.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 373.69 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.7.0 - /opt/homebrew/bin/node
    npm: 10.8.2 - /opt/homebrew/bin/npm
    pnpm: 9.12.1 - ~/Library/pnpm/pnpm
    bun: 1.1.3 - ~/.bun/bin/bun
  Browsers:
    Chrome: 129.0.6668.103
    Safari: 17.4.1
  npmPackages:
    svelte: 5.0.0-next.268 => 5.0.0-next.268

Severity

annoyance

[adiguba]

Hello,

It's seem that the problem come from $.component(), as import { Item as FooItem } from "./foo.js"; works fine.

Here a reproduction on the REPL : https://svelte-5-preview.vercel.app/#H4sIAAAAAAAACo2TTW_cIBCG_8qIVtrdKrLbQy_UdpNDIvXQU491D2g93hLZgGC8aoT47wX8ke02_cAHM8zLvDB68KyXAzrGv3qmxIiMsztj2A2jJ5MCd8aBMMZOT_aYVip3tNJQ0yqIQ45GW4I3IBw8aA291SO0rCh7rYtH17IPrWqppUXn4RPhuIjzNLy45aJ0Vm2aFBXzoebaWTogAVqrLdTw2pEg3E-qw14q7A5RVZXbodNXSWUmmrdqlYPa7_EAdQN-Xk5jrYgFCXtCKs5imBDquo5HifbwMf7Hp1kXQw6b6XKFEFpVZlP_SvazMMypKjagSLdp1gncp3RVbom5c9XSqWbt2LNsUeVyeX6ZX5Ke4-Dwz6af0Tlxwn_bXgpfNt4Uq3Up-xDRGXUne4kd42QnDDcbaUn3H6jBINSpbhlFNrLrQkbaF4n6oqQxEYCFpN1cZ5fB27DrRYdXipKsUE6S1GqXuaCEkYfjdzl0FhUEDn4N-GoTEmLGauP2hyuwqk6eQSqevGrvoZusSNU5vHv_NrLQ-NtYqUO7WewPoSrjruZvXYrP4rlJj-6yQfhjuV7ETkwDpYd1_ap-fTG_G30LPwHtnLL9BAQAAA==

[adiguba]

Yes it come from $.component().
The bug is present even for something like this :

<script>
    import Item from "./Item.svelte";
		const Foo = { Item };
</script>

<Foo.Item>Foo.Item</Foo.Item>
<Item>Item</Item>

I think I know where this might come from...