VueMq($mq) computed value is not reactive when using Nuxt.

[jaxenvisuals]

When I resize the browser window, the value for $mq remains the same. But in the demo, it is reactive.
Here's my code below:

plugins/vue-mq.js
`import Vue from 'vue'
import VueMq from 'vue-mq'

// Vue MQ
Vue.use(VueMq, {
breakpoints: {
// default breakpoints - customize this
sm: 640,
md: 768,
lg: 1024,
xl: 1280,
xxl: 1440,
},
defaultBreakpoint: 'sm', // customize this for SSR
})
`

nuxt.config.js
plugins: [{ src: '~plugins/vue-mq.js', ssr: false }],

[jaxenvisuals]

So I just realized that the moment I used this.$mq in a computed property, it became reactive. I was only watching it from the vue browser inspector. Is this a bug or a normal flow?