Игорь

Решение!

// Загрузка городов
      let cities_items = await getCities({
        country_id: 3159,
        offset: 0,
        count: 50
      });

      // Загрузка регионов
      let regions_items = await getRegions({
        country_id: 3159
      });

      const max_cols = 4

      let regions = []
      let regions_size = Math.ceil(regions_items.length / max_cols); //размер подмассива
      for (let i = 0; i < Math.ceil(regions_items.length / regions_size); i++) {
        regions[i] = regions_items.slice((i * regions_size), (i * regions_size) + regions_size);
      }

      let cities = []
      let cities_size = Math.ceil(cities_items.length / max_cols); //размер подмассива
      for (let i = 0; i < Math.ceil(cities_items.length / cities_size); i++) {
        cities[i] = cities_items.slice((i * cities_size), (i * cities_size) + cities_size);
      }

<v-row>
      <v-col md="12" cols="12">
        <v-card class="pb-5">
          <v-card-title>Популярные города</v-card-title>
          <v-card-text>
            <v-row>
              <v-col
                md="3"
                sm="6"
                cols="12"
                v-for="(cities_item, cities_index) in cities"
                :key="cities_index"
                class="pa-0 text-left"
              >
                <ul>
                  <li v-for="(item, index) in cities_item">{{ item.name }}</li>
                </ul>
              </v-col>

            </v-row>
          </v-card-text>
        </v-card>
      </v-col>

      <v-col md="12" cols="12">
        <v-card class="pb-5">
          <v-card-title>Регионы России</v-card-title>
          <v-card-text>
            <v-row>
              <v-col
                md="3"
                sm="6"
                cols="12"
                v-for="(regions_item, region_index) in regions"
                :key="region_index"
                class="pa-0 text-left"
              >
                <ul>
                  <li v-for="(item, index) in regions_item">{{ item.name }}</li>
                </ul>
              </v-col>
            </v-row>
          </v-card-text>
        </v-card>
      </v-col>
    </v-row>

image

Интересно, за каким это **** 15 GB в JSON.
Стандартными средствами не прочитать.

Как минимум нужно разбить данные, по 1 MB, можно чуть больше.

json_decode и file_get_contents не осилят эту задачу.
Я уверен, что у вас недостаточно памяти, для решения этой задачи.
Даже если на сервере 30 GB, всё ровно не хватит, так как в "оперативке" данных будет гораздо больше.

Нужно писать парсер, локально парсить и больше так не делать!

Побайтное чтение файла.
3 строчки кода на delphi.

На данный момент, в одном проекте я работаю с файлом 1,5 GB
И поверьте, что бы подсчитать количество строк в нём, требуется 2 часа как минимум,
Учитывая характеристики ПК, где выполняется эта программа.
Но я себя хорошо чувствую с побайтовым чтеним.
Да хоть 100 GB, если файловая система позволяет.

Docker-compose для этих целей.
Само название говорит за себя "compose"

Да хоть тысячу сервисов, главное что бы железо было.

Вообще пора переходить на более серьёзные вещи

UPDATE mytable SET mytable.name = LOWER(mytable.name);

JS используют везде где только можно!
И на сервере и на клиенте, и можно вообще без PHP обойтись.
Можно писать мобильные приложения.

PHP занимает 80% рынка серверных приложений


1.
JavaScript в браузере.
PHP на сервере.

2.
JavaScript в браузере.
JavaScript на сервере.

"Если ссаный хостинг"
JavaScript в браузере.
PHP на сервере.

Для того что бы все было по полочками.

Создайте объект.

Например:

$Street = new stdClass();
$Street->street_name = "Генерала Лизюкова";
$Street->street_type = "улица";

$City = new stdClass();
$City->city_name = "Воронеж"

$MyObjectItem = new stdClass();
$MyObjectItem->street = $Street;
$MyObjectItem->city = $City;

$MyObject = new stdClass();

$MyObject->count = 1;
$MyObject->items = []; // Сюда положим объекты
$MyObject->items[] = $MyObjectItem;

file_put_contents('data.json', json_encode($MyObject));

И да, вот это unset($array_kldr); совсем не обязательно!
На случай если далее скрипт не предполагает выполнения!
Лишние такты для освобождения памяти.

Есть вероятность что сам file PHP не, utf 8

Давай по порядку.
По теме наследования.

Небольшой пример.

<?php


namespace Engine;


abstract class Foundation
{
    /**
     * Арматура (mm)
     * Я не хочу что бы моя арматура торчала из моего фундамента
     * Поэтому принял решение что этот параметр не выйдет за пределы класса
     * @var integer
     */
    private $fittings = 15;


    /**
     * Балка
     * Балка будет видна, прежде чем я постелю полы
     * Я планирую ещё работать с полом и мне нужен доступ к балкам
     * Которые лежат на фундаменте
     * @var string
     */
    protected $beam = "Охренительно ровная балка";


    /**
     * Мне нужен доступ в подвал
     * Я так же могу получить доступ к своему фундаменту
     * И возможно подогнуть торчащу арматуру из моего горе фундамента
     * @var string
     */
    public $сellar = "Вход в погреб";

    /**
     * Foundation constructor.
     */
    public function __construct()
    {
        // Строю дом
    }
}

<?php


namespace Engine;

/**
 * Стены
 * Я наслудую базовый класс Foundation
 * У меня есть доступ к балке.
 * Но у меня нет доступа к арматуре
 * Арматура была залита бетоном.
 *
 * Class Walls
 * @package Engine
 */
class Walls extends Foundation
{
    /**
     * Окно
     * @var string
     */
    protected $window;

    /**
     * Дверь
     * @var string
     */
    protected $door;

    /**
     * Walls constructor.
     */
    public function __construct()
    {
        parent::__construct();

        $beam = $this->beam; // Пожалуй воспользуюсь балкой
    }


    // здесь что-то будем делать со стенами
}

<?php


namespace Engine;


/**
 * Крыша
 * Class Roof
 * @package Engine
 */
class Roof extends Walls
{
    /**
     * Roof constructor.
     */
    public function __construct()
    {
        parent::__construct();
        // Я всё ещё имею к ним доступ, но только внутри класса
        $this->beam;
        $this->door;
        $this->window;
        $this->сellar;
    }
}

Строю дом, но у меня есть только доступ к подвалу (((

$home = new Walls();
$home->сellar;

Не умею стоить дома.

Прилагаю диаграмму


Наследование классов можно сравнить с наследованием в жизни, от отца к сыну./
У тебя или есть наследство
Или нет
Или есть, но ты воспользоваться не можешь.

Главное что есть вход в подвал!
Это важно!

<template>
  <b-row>
    <b-col sm="6" lg="4" xl="3" v-for="product in products" :key="product.id">
      <div class="image" v-lazy:background-image="product.image">
        Видно если нажали "Купить".
      </div>
      <div class="d-flex justify-content-between">
        <div>
          <p class="mb-0">{{product.name}}</p>
          <p class="mb-0">{{product.price}} грн.</p>
        </div>
        <b-button class="align-self-center" variant="outline-dark" @click="buyProduct(product)">Купить</b-button>
      </div>
    </b-col>
  </b-row>
</template>

<script lang="javascript">
  import { BRow, BCol, BButton } from 'bootstrap-vue'
  import { mapState, mapActions } from 'vuex'

  export default {
    components: {
      BRow,
      BCol,
      BButton
    },
    computed: mapState({
      products: state => state.product.all
    }),
    methods: {
      buyProduct(product){
        console.log(product)
      }
    }
  }
</script>

По поводу кнопки можно так

<b-button class="align-self-center" variant="outline-dark" @click.once="buyProduct(product.id)">Купить</b-button>

Vue самостоятельное приложение!
Он может работать отдельно на любом сервере в любой стране мира!
Нет ни какой связи между Vue и Laravel кроме как API по протоколу http

Располагайте Vue где вам удобно можете вообще в корневой папке root.
Для удобства может сделать так

Но так уже делаю я.
Выберите любой другой способ.