simplify HiddenFromSSR
This commit is contained in:
parent
99ff58968b
commit
b7406c78ae
|
@ -1,22 +1,9 @@
|
|||
<!-- toggled in 2xx.html based on whether the user is logged in or not -->
|
||||
<div class="hidden-from-ssr {{shown ? 'shown' : ''}}">
|
||||
<div class="hidden-from-ssr">
|
||||
<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>
|
Loading…
Reference in New Issue