Виктор Майоров

Ну во-первых, у вас синтаксическая ошибка в первой же строчке. Не закрыты двойные ковычки.

--const modalTrigger = document.querySelector("[data-modal]),
++const modalTrigger = document.querySelector("[data-modal]"),

Во-вторых, не хватает стилей для модального окна, а именно нет класса .show, который добавляется и как я понял должен устанавливать display: block;

Ответ из API приходит, о том, что неверный ключ указан.
И срабатывает ошибка тут switch (json.weather[0].main)
Т.к. нет ключа с weather в json и это не массив, нужно внимательно смотреть в консоль разработчика, там все наглядно показано, в чем ошибка и где именно.

у vk храниться это в localStorage. И ничего глупого нет, чтобы хранить это в localStorage для того, чтобы временно сохранить то, что ввел пользователь.

Так?

Используйте гриды :)

.wrap {
  display: grid;
  grid-template-columns: repeat(4, 320px);
  grid-gap: 15px;
  width: 100%;
}
@media (max-width: 648px) {
  .wrap {
      grid-template-columns: repeat(4, 1fr);
  }
}

Посоветовал бы сделать общий сервис с запросами, например написал бы класс с основными методами(get,post,patch,delete etc) и наследовался бы от него для отправки запросов где нужна авторизация, например получения инфы о пользователе. В родительском классе можно вытаскивать перед запросами из localstorage jwt токен и проверять его время жизни, если оно вышло, то отправляем запрос на обновление токена, обновляем токен и разрешаем запрос для получения инфы о пользователе, иначе меняешь статус isLogin: false и у тебя интерфейс автоматом перерисовывается. Как-то так, надеюсь мое краткое объяснение поможет :)

Попробуйте во вкладке network отобразить колонку `Initiator`
И тогда по идеи, вы сможете найти откуда был отправлен запрос.

Проверил ваш код, вроде все работает корректно. Нет поиска по `items` внутри каждого объекта, но этого и в функции по поиску нет. Так что, думаю проблем нет никаких.
Единственное внес правки в этот кусок кода, т.к. в примере у вас объект с элементом items, а тут вы обращаетесь не к нему, а к объекту и пытаетесь отфильтровать.

// Фильтрация элементов, удовлетворяющих хотя бы одному из слов
--  const filtered = data.filter(function(item) {
++  const filtered = data.items.filter(function(item) {
    const text = (item.code || '') + ' ' + (item.name || '');
    return words.every(function(word) {
      return text.toLowerCase().indexOf(word) >= 0;
    });
  });

Проблема в том, что вы записываете значения с сессию с ключом texexperto, а пытаетесь вытащить с texex.
Ничего с ключом texex не найдено и по этому возвращается null.

<form style="position:relative" target="area" method="POST">	    
        <input id="texexpert" name="texe"class="header-search-input" autocomplete="off" placeholder="Искать"  value="" >
        <input id="button" class="texex" type="submit" title="Нажмите,чтобы найти">
  </form

<script>
$('.texex').on('click', function(e){
  e.preventDefault();
  const texex = document.querySelector("input[name='texe']").value;
  sessionStorage.setItem('texexperto', texex);
  const texoton = sessionStorage.getItem('texexperto');
  console.log(texoton);
 });
</script>

Если используете яндекс метрику, то необходимо настраивать "особым образом".

Запись содержимого iframe с другого домена
Чтобы Вебвизор записал содержимое iframe, адрес которого отличается от адреса сайта, настройте счетчик особым образом.

См. требования/ограничения
Пример настройки

Необходимо использовать ScrollTrigger

const string = 'data:application/pdf;base64,ABCFIFIFI1212010...'
string.replace(/^data:application\/[a-z]+;base64,/, "");

Функцию convertTo необходимо вызывать каждый раз при изменении значения в первом input'e.

users.filter(({ balance }) => Number(balance.slice(1).replaceAll(',', '')) < 2000).map(({ phone }) => phone);

Вы не можете использовать зарезервированные имена для передачи данных в props.

<autocomplete-input
              :variants="cargo_codes"
              :variantKey="'id'"
              :label="'Код груза'"
              :variantTitle="'code6'"
              v-model="all_information.cargo_code"
--              :class="{ 'error_label': this.telegram_error.cargo_code }"
++             :myClass="{ 'error_label': this.telegram_error.cargo_code }"
            ></autocomplete-input>

export default {
    name: 'AutocompleteInput',
    props: {
        variants: {
            type: Array,
            required: true,
        },
        value: {
            default: ''
        },
        label: {
            type: String,
            default: '',
        },
        variantKey: {
            type: String,
            default: 'id'
        },
        variantTitle: {
            type: String,
            default: 'id'
        },
        placeholder: {
            type: String,
            default: ''
        },
        needFull: {
            type: Boolean,
            default: false
        },
--        error_label: {
--           type: String,
--           default: ''
--       }
++        myClass: {
++          type: String,
++         default: {},
++       }
    },

<template>
    <div class="autocomplite_component">
        <div class="controller">

        <input type="text" class="textarea" @input="onInput" :value="value" :placeholder="placeholder">
        </div>
        <br>
--        <label class="label" :class="error_label">{{ label }}</label>
++        <label class="label" :class="myClass">{{ label }}</label>
        <div class="variants" v-if="filtered && showVariants" style="max-height: 50px; overflow: auto;">
            <div v-for="v in filtered" :key="v[variantKey]" class="variant" @click="selectVariant(v)">
              <span style="cursor: pointer;">{{ v[variantTitle] }}</span>  
            </div>
        </div>
       
    </div>
</template>

Вот пример решения на expressjs на скорую руку.
https://codesandbox.io/p/sandbox/quirky-northcutt-...

в app.js пример запроса оставил.
в routes/crypto.js секретный ключ замени на свой

Пример на скорую руку

Атрибут required не применяется к типу range.
https://developer.mozilla.org/en-US/docs/Web/HTML/...

Вам не нужно проверять значение ползунка. Значение всегда будет допустимым.

filteredArray() {
            return this.array
                .filter((el) => {
                    return (!this.search.length ? true : (el?.name?.toLowerCase().includes(this.search) ||
                        el?.surname?.toLowerCase().includes(this.search))) &&
                        (this.salary === null ? true : el.salary === this.salary) &&
                        (this.quality === null ? true : el.quality === this.quality) &&
                        (this.rating === null ? true : el.rating === this.rating && el.mode !== MODES.HIGH) &&
                        (this.body === null ? true : (this.body === Bodys.CHECKED ?  el.workers.some(({ checked }, index) =>
                              index <= el.workersIds.length - 1 ? !checked : false
                          )
                        : el.workers.every(({ checked }, index) =>
                              index <= el.workersIds.length - 1 ? checked : true
                          )) )
                }).sort((a, b) => {
                    if (a?.name?.toLowerCase() > b?.name?.toLowerCase()) {
                        return isDesc ? -1 : 1;
                    }
                    if (a?.name?.toLowerCase() < b?.name?.toLowerCase()) {
                        return isDesc ? 1 : -1;
                    }
                    return 0;
                });
        },