refactor: vue comp: page-loader + modal-create-page
This commit is contained in:
24
client/js/components/page-loader.vue
Normal file
24
client/js/components/page-loader.vue
Normal file
@@ -0,0 +1,24 @@
|
||||
<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>
|
Reference in New Issue
Block a user