forked from cybrespace/pinafore
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 -->
|
<!-- 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>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
<style>
|
<style>
|
||||||
.hidden-from-ssr {
|
.hidden-from-ssr {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
.hidden-from-ssr.shown {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
oncreate () {
|
|
||||||
this.set({ shown: true })
|
|
||||||
},
|
|
||||||
data: () => ({
|
|
||||||
shown: false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</script>
|
|
Loading…
Reference in New Issue