title: Bulma Navbar-burger not collapsing the navbar item data
body: <p>Hi i am a newbie in vuejs, Buefy. I wanted to add navigation bar. Navigation Bar works in the desktop however when view it in mobile responsive when the burger click doesn't show anything. the navbar item not collapsible. can anyone help me? Thank you.</p>
  <p>Here is my code.</p>
  <pre><code>&lt;template&gt;
    &lt;div id=&quot;app&quot;&gt;
      &lt;nav class=&quot;navbar&quot; role=&quot;navigation&quot; aria-label=&quot;main navigation&quot;&gt;
        &lt;div class=&quot;navbar-brand&quot;&gt;
          &lt;a class=&quot;navbar-item&quot; href=&quot;https://bulma.io&quot;&gt;
            &lt;img src=&quot;https://bulma.io/images/bulma-logo.png&quot; width=&quot;112&quot; height=&quot;28&quot;&gt;
          &lt;/a&gt;
          
          &lt;a
            role=&quot;button&quot;
            class=&quot;navbar-burger burger&quot;
            aria-label=&quot;menu&quot;
            aria-expanded=&quot;false&quot;
            data-target=&quot;navbarBasicExample&quot;
          &gt;
            &lt;span aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
            &lt;span aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
            &lt;span aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
          &lt;/a&gt;
        &lt;/div&gt;
  
        &lt;div id=&quot;navbarBasicExample&quot; class=&quot;navbar-menu&quot;&gt;
          &lt;div class=&quot;navbar-start&quot;&gt;
            &lt;a class=&quot;navbar-item&quot;&gt;Home&lt;/a&gt;
            
            &lt;a class=&quot;navbar-item&quot;&gt;Documentation&lt;/a&gt;
  
            &lt;div class=&quot;navbar-item has-dropdown is-hoverable&quot;&gt;
              &lt;a class=&quot;navbar-link&quot;&gt;More&lt;/a&gt;
  
              &lt;div class=&quot;navbar-dropdown&quot;&gt;
                &lt;a class=&quot;navbar-item&quot;&gt;About&lt;/a&gt;
                &lt;a class=&quot;navbar-item&quot;&gt;Jobs&lt;/a&gt;
                &lt;a class=&quot;navbar-item&quot;&gt;Contact&lt;/a&gt;
                &lt;hr class=&quot;navbar-divider&quot;&gt;
                &lt;a class=&quot;navbar-item&quot;&gt;Report an issue&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class=&quot;navbar-end&quot;&gt;
            &lt;div class=&quot;navbar-item&quot;&gt;
              &lt;div class=&quot;buttons&quot;&gt;
                &lt;a class=&quot;button is-primary&quot;&gt;
                  &lt;strong&gt;Sign up&lt;/strong&gt;
                &lt;/a&gt;
                &lt;a class=&quot;button is-light&quot;&gt;Log in&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/nav&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import $ from &quot;jquery&quot;;
  export default {
    name: &quot;App&quot;,
    mounted() {
      $(document).ready(function() {
        document.addEventListener(&quot;DOMContentLoaded&quot;, () =&gt; {
          const $navbarBurgers = Array.prototype.slice.call(
            document.querySelectorAll(&quot;.navbar-burger&quot;),
            0
          );
          if ($navbarBurgers.length &gt; 0) {
            $navbarBurgers.forEach(el =&gt; {
              el.addEventListener(&quot;click&quot;, () =&gt; {
                const target = el.dataset.target;
                const $target = document.getElementById(target);
                el.classList.toggle(&quot;is-active&quot;);
                $target.classList.toggle(&quot;is-active&quot;);
              });
            });
          }
        });
      });
    }
  };
  &lt;/script&gt;
  
  &lt;style&gt;
  #app {
    font-family: &quot;Avenir&quot;, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
  }
  &lt;/style&gt;
  </code></pre>
  <p>Can access here:</p>
  <p><a href="https://codesandbox.io/s/stupefied-khayyam-mnb7x" rel="nofollow noreferrer">https://codesandbox.io/s/stupefied-khayyam-mnb7x</a></p>