Данные Vue не изменяются с помощью Promise внутри созданы

Я заметил, что Vue не обновляет таблицу после выполнения обещания. Если я выполняю один вызов API с then() (используя axios), он ДЕЙСТВИТЕЛЬНО работает, поэтому я не уверен, что делает Promise, что его нарушает, учитывая, что если я console.log(this), он все еще ссылается на _4 _...

<template>
  <table class="w-full text-left">
    <thead>
      <tr>
        <th>Type</th>
        <th>Name</th>
        <th>Domain</th>
        <th>Category</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="property in properties" :key="property.id">
        <td>{{ property.type }}</td>
        <td>{{ property.name }}</td>
        <td>{{ property.domain }}</td>
        <td>{{ property.category.name }}</td>
      </tr>
    </tbody>
  </table>
</template>

<script>
import api from '@/api';

export default {
  mounted() {
    Promise
      .all([
        api.get('properties'),
        api.get('categories'),
      ])
      .then(result => {
        let properties = result[0].data;
        const categories = result[1].data;

        properties.forEach((property) => {
          property.category = categories.find(c => c.id === property.category_id)
        });

        this.properties = properties;
      });
  },
};
</script>