diff --git a/view/common/block-layout/list-of-sites.phtml b/view/common/block-layout/list-of-sites.phtml
index 9a9510b..543a631 100644
--- a/view/common/block-layout/list-of-sites.phtml
+++ b/view/common/block-layout/list-of-sites.phtml
@@ -1,60 +1,23 @@
 <?php
-//
-// as for 2021 07 28 this template is not being used
-// consider deleting it
-//
 $archiveSiteHelper = $this->getHelperPluginManager()->get('archiveSiteMeta');
 ?>
 
-<section class="collections-list">
 
-  <header>
-    <h2> Latest in collections</h2>
-  </header>
-  <main class="">
-    <article class="">
-      <ul class="accordion" data-responsive-accordion-tabs="accordion small-accordion" data-multi-expand="true" data-allow-all-closed="true" data-deep-link="true">
-        <li class="accordion-item title" data-accordion-item disabled>
-          <a href="#" class="accordion-title">
-            <ul class="">
-              <li class="title">Title</li>
-              <li class="curator">Artist</li>
-              <li class="collection-name">Collection</li>
-              <li class="date">Date</li>
-            </ul>
-          </a>
-          <div class="accordion-content" data-tab-content>
-            <figure>
-            </figure>
-            <p>
-            </p>
-          </div>
-        </li>
+<?php
+$data = [];
+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);
+}
+?>
 
-        <?php
-        // read each omeka site to publish
-        foreach($sites as $site):
-          $site_meta_values = $archiveSiteHelper->getSiteMetaValues($site);
-          // table body build file
-          echo $this->partial('common/site-list-entry', [
-            'site' => $site,
-            'showSummary' => $summaries,
-            'site_meta_values' => $site_meta_values,
-            'archive_collections' => $archiveSiteHelper->getCollections(),
-          ]);
-        endforeach;
-        ?>
-      </ul>
-    </article>
-  </main>
-  <aside>
-    <nav>
-      <?php
-      if (1 == 0):
-        //if ($pagination):
-        echo $this->pagination();
-      endif;
-      ?>
-    </nav>
-  </aside>
-</section>
+
+<div data-vue-component="archive-list"
+     data-collections='<?= json_encode($data, JSON_UNESCAPED_SLASHES) ?>'>
+</div>
+
+
+<script src="/themes/archive/asset/js/archive-list.js"></script>>