1234567891011121314151617181920212223 |
- <template lang="pug">
- transition(name='page-loader')
- .page-loader(v-if='isShown')
- i
- span {{ msg }}
- </template>
- <script type='js'>
- 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>
|