VueJS: How to get all child components in parent?

Question

Vue.js

There are 3 conditional

App.vue components

<template>
  <v-custom>
    <v-custom-action>world</v-custom-action>
    <p>Hello</p>
  </v-custom>
</template>

custom.vue

<template>
  <div>
    <slot />
  </div>
</template>

<script>
Какая-то логика
</script>

CustomAction.vue

<template>
  <div>
    <slot />
  </div>
</template>

The problem is that the Custom component needs to know if the CustomAction is present, if it is present, then get access to its DOM element (well, or to its context). Maybe this can ideally be solved without using the 3rd component (CustomAction).
PS in vue 2 there is this.$children and it seems to solve the problem, but in vue 3 it was cut out for some reason

Answer 1

this.$children and that seems to solve the problem, but it was cut in vue 3 for some reason

What you are doing is the wildest anti-pattern. Therefore, they drank it.
Use Vux.