Same-name Shorthand with imported const

[plehnen]

Vue version

3.4.38

Link to minimal reproduction

https://play.vuejs.org/[...]

Steps to reproduce

There is something really weird happening.
First of all, in the reproduction link I am doing the same as locally, but there the issue is not visible. :(
I import a const (i.e. a string array) and directly pass it to a child component via the same-name shorthand.
In the child the data is not received. It is not in $attrs either. Everything else is passed. But not the imported data.

If I re-assign it to a different variable name, it works:

<script setup lang="ts">
import { linkCollection } from '@/components/overview/myTest'

const linkCollection2 = linkCollection
</script>

<template>
<Comp :link-collection :link-collection2 something="bla" />
</template>

Inside of Comp:

<script setup lang="ts">
const props = defineProps<{
  linkCollection: any
  linkCollection2: any
}>()

defineOptions({
  inheritAttrs: false,
})

console.log('Received data', props)
</script>

Inside Comp I get the following: { "linkCollection2": [ "foo", "bar" ] }.
Isn't that bizare? I mean, I assigned linkCollection2 from linkCollection and passed BOTH to the Comp, but only the latter gets received.
If I change the same-name shortcut :link-collection to :link-collection="linkCollection", it works as expected. Do I change it back it STILL WORKS - until I restart vite (5.4.2).
Seriously, I don't get it.

Super scary. As the linter and vue-tsc don't complain, but the data is just not there.

What is expected?

Imported data should be passed in same-name shortcut as well.

What is actually happening?

Data is undefined.

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (32) x64 Intel(R) Core(TM) i9-14900HX
    Memory: 37.14 GB / 63.71 GB
  Binaries:
    Node: 22.5.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.8.2 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.5.0 - ~\AppData\Local\pnpm\pnpm.EXE
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527

Any additional comments?

No response

[jh-leong]

It seems the reproduction link is incorrect. Could you please check it?

[plehnen]

@jh-leong fixed. Sorry for that. But as I said: it wasn't really possible to re-create it there. Even locally I sometimes need to restart vitest to see the bug.

[LinusBorg]

We will have a hard time investigating this without a way to reproduce it.

[sunil-sharma-999]

Reproduction Link

Works properly when I switch to Prod

[edison1105]

duplicate of #11273

[LinusBorg]

@edison1105 This issue here is not related to SSR. If this is a duplicate, does that mean that #11273 is also not related to SSR?

[edison1105]

@edison1105 This issue here is not related to SSR. If this is a duplicate, does that mean that #11273 is also not related to SSR?

Neither of them is related to SSR.
The underlying problem is the same. The imported bindings are not returned from setup.

[plehnen]

@edison1105 I just want to point out that it works perfectly fine without the same name shorthand syntax. As soon as I write :link-collection="linkCollection" it gets exported:

EDIT: And only if the property is written in "camelCase" and in "kebab-case" in the template. If it is just a single word, it seems to works fine.

[plehnen]

Updated playground: https://play.vuejs.org/#eNqFU01v2zAM/SucTh2Qj0N3GLw0QLbk0B3Woi22i4BBiRlbrS0ZEp1kCPzfR8pO2gJbexO/3xMfj2rRNJNdiypTs7gJtiGISG0DlXHFlVYUtZprp52tGx8Ivvm6gW3wNWg1mYol1Vp9OWccwdIvH57iCCK7KoTuuYAw0kR6SsuNd5Eg4CJGWzjMl4YMXJ3KtZtNe0Rp/oyQmxlCtgBm6/l96dsqh1j6PVCJ0ATf8IxTtQJTe1dIKGI2m677uoQ/szTeSxZkAcdmGD/OZX42gJ72+WUYXg++KNi9RtojOh50e3ezlCkuZ2O5+snvhCW32y0GdMIsthXxEK2FzJmAGvG3MvmtLSaP0Tv++6OM0GrD6GyF4aYhy5+jVQYpIjFTVX7/PfkotDg6+Tclbp7+4X+MB/ExUMaBYcdLOsfIhAKpD6/uf+CB3+dg7fO24uw3gncYfdUKxj7ta+tyhv0iL6G9ToqwrniIqwOhiydSAlQyu5SvFUtIFvM/6s9wLyefUp12Hf/iSX7viLfXmegjsrxy3FqHt2LN0oRBMRmv8o/YrwV5dve6GMxufvFRVNk3GzBf9O1cicHSgihwz62pouykS+lvKTq3u/QAOB4HsB3z5Mi0D71QkHaiof6WmDwe0uX1PAc6zFSraz4CKIL39IFPLmj3KnNQuiTuTLBmzYYzNUbYW+LrIshNLPlLsQbyIBcDQlcrnv57h0H2yeN5KZPLz6r7C4Nmdt0=