Андрей Пастухов

Если посмотреть на доку
то field можно задать 2 способами

{    
   // row Object property to determine value for this column
    field: 'name',
    // OR field: row => row.some.nested.prop,
}

Тоесть вам нужно смотреть в эту сторону { ..., field: row => row.Field.someField }

Судя по доке вам нужны

<script src="https://cdn.jsdelivr.net/npm/vuelidate@0.7.6/dist/vuelidate.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuelidate@0.7.6/dist/validators.min.js"></script>

meta defer
script async
prefetch и preload

Вот так можно

.wrapper__box {
  position: sticky;
  top: 0;
}

Тормозит не ваш код, а codesandbox - он пытается обработать console.log("ymaps", ymaps); - из-за того что ymaps сильно большой и собственной реализации консоли

Замените на console.log("ymaps", !!ymaps);

Может это поможет? (= у вас не правильно {...} и [...] не одно и тоже )

catInfo: state.kittie.filter(cat => catPrice === cat.total)

Потому что настройка additionalData говорит что к каждому scss файлу нужно добавить то что вы прописали, а именно @import "...";

Тут такая же проблема, но воспроизвели немного по другому (ручками добавили один и тот же файл со стилями в разных местах. Там же и пишут возможное решение и issue самого sass-loader - почитайте

Воспользоваться cors

ну или
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: POST, PUT, DELETE, OPTIONS

function setBorder(swiper) {
  let blocks = [...document.querySelectorAll(".swiper-slide.inner")];
  blocks.forEach((item, index)=> {
   item.classList.remove('inner');
  });

  blocks = [...document.querySelectorAll(".swiper-slide.swiper-slide-visible:not(.hide)")];
  blocks[blocks.length-1].classList.add('inner');
  blocks[blocks.length-2].classList.add('inner');
}

Так у вас на скрине где then(data => data - это массив, а вы делаете props.test(data.test) - а test не существует, по этому в props.mainPage.messages устанавливается undefined

Забыли return context.dispatch("auth", {...})

Как-то так (врапперы можно можно поискать в npm)

const addLocation = (city, coord) => new Promise((resolve, reject) => {
  geo.addLocation(city, coord, (err, reply) => {
    if (err) reject(err)
    else resolve(reply)
  })
})

try {
  const reply = await addLocation('Toronto', {latitude: 43.6667, longitude: -79.4167})
  console.log('added location:', reply)
} catch (err) {
  console.error(err)
}