forked from cybrespace/pinafore
22 lines
401 B
HTML
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> |