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>