this.mediaUrls в методах и других computed, просто mediaUrls в шаблоне. Точно также как с тем, что лежит в data. Суть computed в том, что он выполняет функцию(только при обращении) и запоминает результат. Заново он её выполняет, только когда значения обновились. Кэширующий ленивый геттер.
computed свойство предназначено для того, чтобы возвращать(и запоминать) значение, а не производить сторонние действия. Тебе надо изменить его так:mediaUrls: function() {
return this.currentProductData[0].acf.photos.map(el => el.photo);
}mediaUrls вместо media.readyURLs.media.readyURLs, то можно воспользоваться иными предложенными вариантами.
v-if="currentProductData", а не v-if="currentProductData.length"?
%c - стиль
%o - объект
%x - комманды последовательно применяются к последующим аргуметам console.log.