Как правильно настроить webpack?

Егор Живагин, Ругается на redom, в нём есть следующий код:

function getEl (parent) {
    return (parent.nodeType && parent) || (!parent.el && parent) || getEl(parent.el);
  }

Насколько верно написана функция вывода цепочки прототипа?

Dredlock, функция полностью выводит цепочку прототипов, в статье указан не весь код. Условие для рекурсии есть

if (obj === null) {
    return null
  }

Насколько верно написана функция вывода цепочки прототипа?

maksam07, это div куда я вывожу список прототипов

Как дождаться загрузки всех данных через Promise.all() и отрендерить их?

Большое спасибо, все отлично работает

Как сохранить хранилище?

Aetae, Большое спасибо!

Как получить первоначальное значение dataset по клику?

Спасибо!

Как сделать ввод для инпута только кириллицы без jquery и регулярного выражения?

Большое спасибо

Как получить текст из инпута?

Чипекве, Изменил возврат и вызов функции , теперь она возвращает только элемент:
return $addBlock
Добавил функцию в форму:

$form.addEventListener('submit', function (event) {
  event.preventDefault();

  function getSelectInputValue() {
    let res = null;
    let nodes = createBlock().childNodes;
    res = nodes[1].value;

    return res
  }
  console.log(getSelectInputValue());

  const client = {
    id: getID(dataClients),
    name: $inputName.value.trim(),
    surname: $inputSurname.value.trim(),
    lastname: $inputLastname.value.trim(),
    createDate: new Date(),
    changesDate: new Date(),
    contacts: getSelectInputValue(),
  }

  $inputName.value = '';
  $inputSurname.value = '';
  $inputLastname.value = '';

  dataClients.push(client);

  renderClients();
})

Но опять же, выводит пустое значение при пуше. Прописывал самостоятельно value для $selectInput в createBlock(), то его выводит в консоль. Возможно ошибка в childNodes, ведб он только для чтения?

Как получить текст из инпута?

Подскажите, пожалуйста как найти или может статью или тему какую-нибудь прочитать. Я вывел в отдельную переменную

let contactsValue = createBlock().$selectInput.value;

И затем пытаюсь отследить, что выводит инпут
console.log(contactsValue);
Все в этом ивенте, но при пуше клиента в массив, log выводит пустое значение инпута

Какими способами можно получить первое попавшееся изображение?

вряд ли же подойдут и из других товаров и ведь нужно отталкиваться от правильно выбранного цвета?

Вы все верно описали в вопросе. Я не смог правильно поставить вопрос задачи. Вот именно то, что Вы указали в вопросе мне и нужно. Проблема еще заключается в том, что на цилкы 'for' ругается eslint.

Какими способами можно получить первое попавшееся изображение?

modelair, спасибо за ссылку. ProductList не указывал, тк кроме передачи 'products' и рендера ProductItem там нет:

<template>
  <ul class="catalog__list">
    <ProductItem :products="products"/>
  </ul>
</template>

<script>
import ProductItem from './ProductItem.vue';

export default {
  props: ['products'],
  components: {
    ProductItem,
  },
};
</script>

Пример, как выглядят карточки товара https://esm322.github.io/vue-app/#/
Под каждой карточкой выбор цвета, по нажатию на один из цветов карточка должна менять изображение.
Пример, как я получал изображения:

image() {
      return this.productsData.items.flatMap((item) => {
        return item.colors.flatMap((itemI) => {
          return itemI.gallery.flatMap((itemIm) => {
            return {
              ...itemIm,
              image: itemIm.file.url,
            };
          });
        });
      });
    },

В итоге, данное computed свойство выводит все изображения, игнорируя кол-во продуктов выводящихся на странице. К примеру, задано 'productsPerPage = 5', а выводится 7, потому что 2-а из 5-и продукта содержат в массиве 'colors' по два массива 'gallery', в которых содержатся изображения.