Я использую vue-isotope с Nuxt JS в компоненте.Данные из моего цикла внутри компонента vue-isotope вычисляются с помощью asyncData, предоставленной на моей корневой странице.
Моя проблема возникает, когда я перезагружаю страницу "F5", контейнер, построенный изотопом, не имеет высоты, и на дисплее отображаетсяне очень хорошо (см. изображение ниже), я думаю, что найти свое решение, вызвав триггер в jquery для регенерации изотопного компонента.Но я хотел бы получить ваше мнение, потому что может быть что-то, что я не очень хорошо понимаю, и, возможно, вы могли бы предложить мне другую альтернативу.
Когда я использую «nuxt-ссылку», дисплей идеален, почему эторазница?
Фрагмент кода ниже:
<isotope
v-if="data.length > 0"
ref="cpt"
id="root_isotope1"
:item-selector="'element-item'"
:list="data"
:options='option'
@filter="filterOption=arguments[0]"
>
<div
v-for="(value, index) in data"
:key="index"
:class='[value.type.slug]'
class="masonry-item col-lg-6 col-md-6 col-sm-6 m-b30"
>
... some code
</div>
</isotope>
... some code
computed: {
...mapState({
data: state => state.accommodations.list
... some code
ошибка дисплея 
нормальный дисплей 