<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>