using computed() to deliver window.scrollY as prop for childElement

[Eskamedin]

Using Vue 3 with Composition API with <script setup>

I have a parent Component AllSections:

<template>
    <div class="allSections border border-success text-prim">

        <the-header></the-header>
        <the-about></the-about>
        <the-work></the-work>
        <the-stack :window-scroll="topvalue"></the-stack>
        
    </div>
</template>

<script setup>
import { onMounted, computed } from "vue";
import TheHeader from "./sections/TheHeader.vue";
import TheAbout from "./sections/TheAbout.vue";
import TheWork from "./sections/TheWork.vue";
import TheStack from "./sections/TheStack.vue";

let topvalue = computed(() => {
    return scrollY;
});

//just for checking if the scroll event is listened to properly:
onMounted(() => {
    window.addEventListener("scroll", () => {
        console.log("scroll-listener hinzugefügt");
        console.log(scrollY);
    })
})

</script>

As you can see, it has 4 child-components, all of them are 100vh height to force a scrolling.
The last one should get the actuall scrollY Value To update its button´s text:

<template>
    <section class="theStack border border-info" ref="TheStack">
        <h1>TheStack</h1>
        <button>ScrollTop value is {{ sValue}} px</button>
    </section>
</template>
<script setup>
import { computed, defineProps } from 'vue';

let props = defineProps([
    "windowScroll",
]);



let sValue= computed(() => {
    return props.windowScroll;
})

</script>

Unfotunatly, nothing happens, when i scroll to the Button it says "ScrollTop value is 0 px". No changes, nothing. Where is the mistake?

[Eskamedin]

I solved it already. The problem was that i was using topvalue instead of topvalue.value (no computed needed)

[...]
let topvalue = ref(0);

//just for checking if the scroll event is listened to properly:
onMounted(() => {
    window.addEventListener("scroll", () => {
        console.log("scroll-listener hinzugefügt");
        console.log(scrollY);
        topvalue.value = scrollY;
    })
})

</script>