Arc-hive-omeka-theme/view/common/block-layout/list-of-sites.phtml

<?php
$archiveSiteHelper = $this->getHelperPluginManager()->get('archiveSiteMeta');
?>


<?php
$collections = [];
foreach($sites as $site){
  $site_data = $archiveSiteHelper->getSiteMetaValues($site);
  $site_data['id'] = $site->id();
  $site_data['url'] = $site->siteUrl();
  $site_data['title'] = $site->title();
  $site_data['summary'] = nl2br($this->escapeHtml($site->summary()));
  array_push($collections, $site_data);
}
//$collections = json_encode($collections, JSON_UNESCAPED_SLASHES);
//$collections = json_encode($collections, JSON_HEX_APOS);
//$collections = htmlspecialchars(json_encode($collections), ENT_QUOTES, 'UTF-8');
//$collections = str_replace("'", "\'", $collections);
$collections = htmlentities(json_encode($collections, JSON_HEX_QUOT), ENT_QUOTES, 'UTF-8');
//$collections = json_encode($collections);
?>

<div data-vue-component="archive-list"
     data-collections='<?= $collections ?>'
     data-page_size=3>
</div>



<script src="/themes/archive/asset/js/archive-list.js"></script>