title: How to Prevent Vuejs transition on Page Load in NuxtJS app
body: <p>Got a simple problem.</p>
  <p>I have a nuxt layout file that has a sidebar that needs to be hidden with a button click.</p>
  <p>The button and everything works but it transitions everytime a page load occurs.</p>
  <p>Here's the code in question:
  from template and style section:</p>
  <pre><code>&lt;transition name=&quot;sidebar&quot;&gt;
      &lt;Sidebar v-show=&quot;showSidebar&quot;/&gt;                       
  &lt;/transition&gt;
  
  .sidebar-leave-active,
  .sidebar-enter-active {
    transition: .3s;
  }
  .sidebar-enter {
    transform: translate(-100%, 0);
  }
  .sidebar-leave-to {
    transform: translate(-100%, 0);
  }
  </code></pre>