если там кроме img еще что то есть, возможно имеет смысл вынести "item" в отдельный компонент

:key="index" всегда плохо.
Используйте item.id

Да, есть. Тоже рассмотрю этот вариант, спасибо

У меня одного ощущение, что 90% библиотек и практик сами по себе, TypeScript сам по себе? Пытаюсь из Vuex достучаться до Vue, this._vm - Property '_vm' does not exist on type 'ActionContext<{ cards: never[]; currentCard: number; }, { cards: never[]; currentCard: number; }>'. Я могу выключить в TS все, кроме ... - но нафига тогда весь огород?

причем тут тайпскрипт)? зачем в экшене this

// @ts-ignore

:)

То есть, по факту TS - как и все у M$. На вид красиво, пользоваться в чем-то немакетном невозможно?

скорее vue не сделали правильные декларативные файлы для ts

Проще сказать, как я понял, кто их СДЕЛАЛ

да много для чего есть

Плюс куча довольно старых, но полезных библиотек, к которым никто декларативов не сделал и не собирается

по волшебству они не появяца да

здравствуйте, у меня на странице есть слайдер swiper, в который я вывожу карты полученные с бека. До того как карты придут я показываю loader с помощью v-if, а на v-else ставлю сам слайдер с картами. Также мне нужно получить объект swiper, в котором хранятся все параметры (индекс активного слайда и так далее). Его получить легко использовав:

computed: {
  swiper() {
    return this.$refs.mySwiper.$swiper;
  }
}

Теперь выводим объект swiper:

mounted() {
  console.log(this.swiper);
}

Но я использую loader с v-if и слайдер с v-else, и возможно поэтому у меня this.$refs пустое и соответственно this.$refs.mySwiper - undefined. Кто ни будь сталкивался с таким? Есть решение?
Вот песочница, там я эмулирую загрузку. Если убрать v-if v-else на слайдере то this.$refs.mySwiper то что нужно. https://codesandbox.io/s/recursing-wilbur-bx3q2?file=/src/components/slider.vue

Нет. Неумение готовить, не говорит ещё о качестве ингредиентов. Пишу боевые проекты на тс и норм

ПОдскажите пожалуйста. У меня есть цикл, который  выводит элементы списка. У каждого элемента есть массив. Массив элементов у меня получилось вывести, но вокруг каждого элемента кавычки и вокруг элементов скобки, то есть как будто массив вывелся не как список. Как это можно решить?
<router-link
         :to="'/movie/' + movie.id"
         class="card"
         v-for="movie in movies"
         :key="movie.id"
       >
       <div class="actors">
           <h3>Актёры: <span></span></h3>
           <p>
             {{ movie.actors.join(", ") }}
           </p>
       </div>                        
       </router-link>

Окей, что сделать в ситуации, когда я хочу достучаться из vuex до this._vm - и получаю Property '_vm' does not exist on type 'ActionContext<{ cards: never[]; currentCard: number; }, { cards: never[]; currentCard: number; }>'. ? Что писать и куда?

нужно элементы массива вывести через запятую, поэтому поставл метод join

Какого массива?

} catch ( err ) {
         state._vm.$toast.add({severity:'error',summary:'Данные не получены', detail: err});
     }

Не помогу. Я не встречал кейзов, когда необходимо из вуекса иметь доступ. Возможно стоит пересмотреть архмтектуру