Access slotProps in script setup

[fabianwohlfart]

Like here https://vuejs.org/guide/components/slots.html#scoped-slots

<!-- <MyComponent> template -->
<div>
  <slot :text="greetingMessage" :count="1"></slot>
</div>

<MyComponent v-slot="slotProps">
  {{ slotProps.text }} {{ slotProps.count }}
</MyComponent>

is it possible to access the slotProps in the <script setup>?
Like so

<template>
  <MyComponent v-slot="slotProps">
    {{ slotProps.text }} {{ slotProps.count }}
  </MyComponent>
<template>

<script setup>
const slotProps = useSomething()
</script>

?

[Shyam-Chen]

<script lang="ts" setup>
function foo({ text, count }) {
  return `${text} ${count}`;
}
</script>

<template>
  <MyComponent v-slot="slotProps">
    {{ foo(slotProps) }}
  </MyComponent>
<template>

[fabianwohlfart]

Great. Thanks for the answer. Is a function the only way to access the data, or is there also another solution to access the slotProps directly in the root of the setup?

[Justineo]

You can only access slot props inside the slot, it is a part of the component encapsulation. Though the foo here is inside the script, it's still a part of the rendering logic. If you want to share a component's internal state with its parent, a better way is to use emit.