title: Vue-Masonry-Wall package: How to use with NuxtJS2 and SSR?
body: <p>I am trying to use <a href="https://github.com/fuxingloh/vue-masonry-wall" rel="nofollow noreferrer"><strong>vue-masonry-wall</strong></a> in my NuxtJS (v2.15.7) app to give it a masonry layout. According to the <a href="https://github.com/fuxingloh/vue-masonry-wall#nuxt-ssr" rel="nofollow noreferrer">docs</a>, the vue-masonry-wall package is &quot;SSR friendly&quot;. It states to simply add <code>:ssr=&quot;{columns: 2}&quot;</code> to masonry so that during SSR, it will be loaded in 2 columns.</p>
  <p>I tried this in my code (<a href="https://codesandbox.io/s/nuxt-masonrywall-h55wy?file=/components/Tutorial.vue" rel="nofollow noreferrer"><strong>codesandbox here</strong></a>). But, during SSR, nothing is loaded.</p>
  <p><strong>Anyone got any idea on what is happening and why I can't see any of the items? It works fine in client-mode.</strong></p>
  <p>Code example:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;vue-masonry-wall :items=&quot;items&quot; :options=&quot;{width: 300, padding: 12}&quot; :ssr=&quot;{columns: 2}&quot; @append=&quot;append&quot;&gt;
    &lt;template v-slot:default=&quot;{item}&quot;&gt;
      &lt;div class=&quot;item&quot;&gt;
        &lt;h5&gt;{{item.title}}&lt;/h5&gt;
        &lt;p&gt;{{item.content}}&lt;/p&gt;
      &lt;/div&gt;
    &lt;/template&gt;
  &lt;/vue-masonry-wall&gt;
  </code></pre>