pinafore/routes/_components/HiddenFromSSR.html
2018-03-18 18:37:19 -07:00

22 lines
401 B
HTML

<!-- toggled in 2xx.html based on whether the user is logged in or not -->
<div class="hidden-from-ssr {{shown ? 'shown' : ''}}">
<slot></slot>
</div>
<style>
.hidden-from-ssr {
opacity: 0;
}
.hidden-from-ssr.shown {
opacity: 1;
}
</style>
<script>
export default {
oncreate () {
this.set({ shown: true })
},
data: () => ({
shown: false
})
}
</script>