vue-media
vue-media copied to clipboard
Hot reloading
Just wondering if webpack hot-reloading should be working with this component?
I'm using vue-media in the following way. When I change "hideTextWidth" which changes the media breakpoint of my component, I have to manually refresh my app every time in order to see the changes to flow through.
<template>
<div class="logo-container">
<img class="logo" src="../../some_url" alt="logo">
<media v-bind:query="width">
<span class="logo-text">LOGO</span>
</media>
</div>
</template>
<script>
import media from 'vue-media';
export default {
props: [ "hideTextWidth" ],
components: {
media,
},
computed: {
width() {
if (this.hideTextWidth) {
return {
minWidth: this.hideTextWidth,
};
}
return {};
}
},
};
</script>