I have a custom component that usually takes in a prop to determine whether it should be shown or not. In these cases, I’m using it inside of another component so it is easy to pass a boolean into the component like so:
<some-component :show="showComponent" />
However, I would like to use the same component inside of a Laravel blade template. The issue is that I don’t have access to JS variables so in my blade template all I can do is this:
Is there a way that I can use a boolean from my root Vue instance without hardcoding it into the component?