Reactiveness not working in promiss (Quasar v2)

[dvbeek]

Hi, I'm creating a new project, in Quasar v2.

Whenever I update an array from mounted it works fine.
But when I update the array from an axios promise, the GUI is not updated.
In the console I can see the code is being executed.

I'm I doing something wrong?

I created a simplified example:

<template>
  <q-layout view="lHh Lpr lFf">
    <q-header elevated>
      <q-toolbar>
        ...
      </q-toolbar>
    </q-header>
    <q-drawer v-model="leftDrawerOpen" show-if-above bordered class="bg-grey-1">
      <q-list>
        <link-item v-for="link in linkItems" :key="link.title" :title="link.title" :link="link.link" class="text-secondary" />
      </q-list>
    </q-drawer>
  </q-layout>
</template>

<script>
import LinkItem from 'components/LinkItem'
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'MainLayout',
  components: { LinkItem },
  setup () {
    const leftDrawerOpen = ref(false)
    return {
      linkItems: [],
      leftDrawerOpen,
      toggleLeftDrawer () {
        leftDrawerOpen.value = !leftDrawerOpen.value
      }
    }
  },
  methods: {
    applyLinks (links) {
      this.linkItems = links
      this.linkItems.forEach(e => {
        e.link = '/#/kpi/' + e.title.toLowerCase()
        console.log(JSON.stringify(e))
      })
    }
  },
  mounted () {
    this.applyLinks([{ title: 'This will show' }]) // => THIS DOES TRIGGER AN UPDATE
    this.$api.get('/kpi/all').then((response) => {
      this.applyLinks([{ title: 'This will run, but wont show' }]) // => THIS DOES NOT TRIGGER AN UPDATE
    })
  }
})
</script>

[dvbeek]

Case of RTFM... This works a bit differently, apparently I should be using ref.