title: How to properly load Bootstrap5's Masonry into Nuxt?
body: <p>I am trying to use the <a href="https://masonry.desandro.com/" rel="nofollow noreferrer">Masonry plugin</a> with Bootstrap5 and NuxtJS. When I follow the example here
  <a href="https://getbootstrap.com/docs/5.0/examples/masonry/" rel="nofollow noreferrer">https://getbootstrap.com/docs/5.0/examples/masonry/</a> and incorporate it into my own <a href="https://codesandbox.io/s/nuxt-masonry-issue-fx7g6" rel="nofollow noreferrer">codesandbox</a>, I notice that my demo is not in the correct masonry format. See the gaps? <strong><a href="https://codesandbox.io/s/nuxt-masonry-issue-fx7g6" rel="nofollow noreferrer">My sandbox</a></strong></p>
  <blockquote>
  <p>My example:</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/1aLtq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1aLtq.png" alt="enter image description here" /></a></p>
  <blockquote>
  <p>Bootstrap's example:</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/9XSKM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9XSKM.png" alt="enter image description here" /></a></p>
  <p>What do I need to do to get my demo into format shown on the Bootstrap Masonry example page?</p>