Zuck.js example alternative?

Question

[Xaotik]

подскажите как правильно использовать zuck.js ( https://github.com/ramonszo/zuck.js ) в HTML, там есть два варианта, JSON и HTML, интересует собственно HTML, в описании был данный пример:

<div id="stories">

    <!-- story -->
    <div class="story {{ story.seen ? 'seen' : '' }}" data-id="{{storyId}}" data-last-updated="{{story.lastUpdated}}" data-photo="{{story.photo}}">
        <a class="item-link" href="{{story.link}}">
          <span class="item-preview">
            <img src="{{story.photo}}" />
          </span>
          <span class="info" itemProp="author" itemScope="" itemType="http://schema.org/Person">
            <strong class="name" itemProp="name">{{story.name}}</strong>
            <span class="time">{{story.lastUpdated}}</span>
          </span>
        </a>
        
        <ul class="items">
        
            <!-- story item -->
            <li data-id="{{storyItemId}}" data-time="{{storyItem.time}}" class="{{storyItem.seen}}">
                <a href="{{storyItem.src}}"
                
                 data-type="{{storyItem.type}}" 
                 data-length="{{storyItem.length}}" 
                 data-link="{{storyItem.link}}" 
                 data-linkText="{{storyItem.linkText}}" 
                 
                 data-custom-key="{{storyItem.custom-key}}" 
                 data-another-custom-key="{{storyItem.another-custom-key}}">
                    <img src="{{storyItem.preview}}" />
                </a>
            </li>
            <!--/ story item -->
            
        </ul>
    </div>
    <!--/ story -->
    
</div>

Собственно что то идет не так, и при клике на сторис ничего не открывает, может не видит ID не знаю..., может кто подскажет как правильно вписать, или даст пример).

https://codepen.io/ayd-in/pen/PomBxzN

Comments

[Человек]

а что должно происходит при клике?

[Xaotik]

Должна открываться история, как здесь https://demos.ramonsz.ooo/zuck.js/ , но здесь не работает https://codepen.io/ayd-in/pen/PomBxzN