How to access $root component when using Composition API?

Question

Vue.js

Tell me how to correctly access the $root component when working with the Composition API ?
I found an ambiguous solution in the open spaces, it works on DEV, but when building in production it does not work.

Solution that only works in dev

const root = getCurrentInstance();
root.ctx.$root.bodyOverflow(true);

Just in case, I’ll explain why I turn to the root component, perhaps in general it’s not the right approach.
In the parent component, I have methods, handler pieces or properties that are very often used in other child components. As a rule, these are small pieces of code. And in order not to duplicate the same code in the components, I turn to the parent and call the one I need.

Answer 1

You can pass parameters and methods as props
or use provide / inject