title: Quasar variable not updating
body: <p>Why is my quasar variable 'offset' not updating in the UI however the printed value in the console updates? I'm guessing im not using Ref or Computed properties correctly. The variable updates (increments) based on a timer.</p>
  <pre><code>&lt;template&gt;
    &lt;div
      class=&quot;viewport&quot;
      style=&quot;
        width:320px;
        height:180px;
        background:red;
        position: relative;
        overflow:hidden;&quot;
    &gt;
      offset: {{ offset }}
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script lang=&quot;ts&quot;&gt;
  import {
    defineComponent,
    computed,
    ref,
    onMounted,
    onUnmounted
  } from '@vue/composition-api';
  
  export default defineComponent({
    name: 'Filmstrip',
    components: {},
    props: {
      src: {
        type: String,
        required: true
      }
    },
    setup(props, { emit, root }) {
      const { src } = props;
  
      const timer = null;
      let position = 0;
      let offset = '0px';
      const imageWidth = 10880;
      const frameWidth = 320;
      const fps = 60;
      const intervalTime = Math.round(1000 / fps) | 0;
  
      const runPlayer = () =&gt; {
        timer = setInterval(function() {
          position = Math.abs(position - 320) &gt;= imageWidth ? 0 : position - 320;
          offset = `${position}px 0px`;
          console.log(offset);
        }, intervalTime);
      };
  
      onMounted(() =&gt; {
        runPlayer();
      });
  
      onUnmounted(() =&gt; {
        clearInterval(timer);
      });
  
      return { offset };
    }
  });
  &lt;/script&gt;
  
  &lt;style lang=&quot;scss&quot; scoped&gt;&lt;/style&gt;
  </code></pre>