Почему на интерфейсе показываются старые массивы, хотя в консоли вижу, что они изменились?

Question

[z_u_q]

Пробую сделать компонент меню. Идея меню - пункты меню, которые не помещаются в строке перемещаются в бургер.

Для этого сделал два массива - в первом, пункты, которые должны показываться в строке, во втором массиве - пункты, которые показываются в бургере. Сейчас при инициализации/ресайзе на интерфейсе не перерисовываются пункты меню, хотя в консоли вижу, что массивы меняются. Как сделать во vue отобразилось на интерфейсе то же самое количество элементов массивов, что и в консоли?

Ссылка на код

Чтобы визуально получилось так:

Comments

[Дмитрий Кузнецов]

На площадке запрещено публиковать код в виде скриншотов.

Answer 1

[MaxRyazan]

судя по скрину у тебя не реактивные переменные, а простые массивы - это раз
и второе - добавить :key атрибут для цикла v-for