diff --git a/asset/js/archive-list.js b/asset/js/archive-list.js
new file mode 120000
index 0000000..4dbbe22
--- /dev/null
+++ b/asset/js/archive-list.js
@@ -0,0 +1 @@
+../../../../../archive-lister/dist/archive-list.js
\ No newline at end of file
diff --git a/view/common/block-layout/list-of-sites.phtml b/view/common/block-layout/list-of-sites.phtml
index 543a631..24dd155 100644
--- a/view/common/block-layout/list-of-sites.phtml
+++ b/view/common/block-layout/list-of-sites.phtml
@@ -4,20 +4,26 @@ $archiveSiteHelper = $this->getHelperPluginManager()->get('archiveSiteMeta');
 
 
 <?php
-$data = [];
+$collections = [];
 foreach($sites as $site){
-  $site_meta_values = $archiveSiteHelper->getSiteMetaValues($site);
-  $site_meta_values['url'] = $site->siteUrl();
-  $site_meta_values['title'] = $site->title();
-  $site_meta_values['summay'] = nl2br($this->escapeHtml($site->summary()));
-  array_push($data, $site_meta_values);
+  $site_data = $archiveSiteHelper->getSiteMetaValues($site);
+  $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='<?= json_encode($data, JSON_UNESCAPED_SLASHES) ?>'>
+     data-collections='<?= $collections ?>'>
 </div>
 
 
-<script src="/themes/archive/asset/js/archive-list.js"></script>>
+
+<script src="/themes/archive/asset/js/archive-list.js"></script>