25 lines
483 B
Vue
25 lines
483 B
Vue
|
<template lang="pug">
|
||
|
|
transition(name='page-loader')
|
||
|
|
.page-loader(v-if='isShown')
|
||
|
|
i
|
||
|
|
span {{ msg }}
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'page-loader',
|
||
|
|
props: ['text'],
|
||
|
|
data () {
|
||
|
|
return {}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
msg () { return this.$store.state.pageLoader.msg },
|
||
|
|
isShown () { return this.$store.state.pageLoader.shown }
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
this.$store.commit('pageLoader/msgChange', this.text)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|