How to access variable from external component in NuxtJS?

Question

Vue.js

Hello.
There is a Header.vue site header in which modal authorization windows are located.
There is also a button with a separate component for adding a product to favorites. FavoriteButton.vue
If the user is not logged in, you need to change the variable in the Header from FavoriteButton to show the window.
How can the data() Header be accessed from anywhere in the application?

Answer 1

The same as in Vue, through $refs and props, but this is if you have this single case and there will definitely not be similar situations in the future. Otherwise, it's hell, nonsense and crap, believe me.
And so, with the default configuration of Nuxt.js, you already have Vuex pre-installed, why not write a couple of lines?