Update StoryViewer.vue component

This commit is contained in:
Daniel Supernault 2020-01-06 23:15:37 -07:00
parent 64a8a7d43f
commit 894ce91f22
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7

View file

@ -15,12 +15,6 @@
</div> </div>
</template> </template>
<style type="text/css" scoped>
#storyContainer > .story {
margin-right: 3rem;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
import 'zuck.js/dist/zuck.css'; import 'zuck.js/dist/zuck.css';
import 'zuck.js/dist/skins/snapgram.css'; import 'zuck.js/dist/skins/snapgram.css';
@ -52,7 +46,7 @@
window._storyData = data; window._storyData = data;
window.stories = new Zuck('storyContainer', { window.stories = new Zuck('storyContainer', {
stories: data, stories: data,
localStorage: true, localStorage: false,
callbacks: { callbacks: {
onOpen (storyId, callback) { onOpen (storyId, callback) {
document.body.style.overflow = "hidden"; document.body.style.overflow = "hidden";
@ -74,6 +68,8 @@
} }
}); });
this.loading = false; this.loading = false;
// todo: refactor this mess
document.querySelectorAll('#storyContainer .story')[0].click() document.querySelectorAll('#storyContainer .story')[0].click()
}) })
.catch(err => { .catch(err => {