title: Show hide components in Vue.js 3
body: <p>I have a navbar and a side bar (two separate components) and I'm trying to show/hide my sidebar using a button in the navbar component and it's not working, I tried:</p>
  <ul>
  <li>v-show, v-if, using a localStorage value but nothing does it, the sidebar stays hidden.</li>
  </ul>
  <p>Sidebar:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
  &lt;aside v-show=&quot;local_variable&quot; class=&quot;fixed hidden h-full top-0 left-0 flex lg:flex flex-shrink-0 flex-col w-64&quot;&gt;
  
  &lt;/aside&gt;
  &lt;/template&gt;
  </code></pre>
  <p>Does the value saved in localStorage from the navbar needs to be updated on change when used with the sidebar?</p>