Vue.js обрабатывает данные, которые еще не загружены

Я пытаюсь понять, как лучше всего делать что-то во Vue, и немного застреваю, когда дело доходит до использования данных, которые не были загружены.

Я нахожусь в процессе создания представления «показать» для ресурса, который загружается через vue-apollo, а форма состоит из двух компонентов: компонента формы и компонента редактирования (форма используется совместно с новыми и редактируемыми ).

Моя форма выглядит примерно так

<template lang = "pug">
  form
    input(v-model='model.name')
    input(v-model='model.description')
</template>

<script>
import clone from 'ramda';

export default {
  data() {
    return {
      model: clone(this.value),
    };
  },
};
</script>

И такой компонент "редактирования"

<template lang = "pug">
  resource-form(v-model='resource')
</template>

<script>
import gql from 'graphql-tag';

export default {
  apollo: {
    resource() {
      return gql'{
        resource(id: ${this.$route.params.id}) {
          name
          description
        }
      }';
    }
  }
  data() {
    return {
      model: clone(this.value),
    };
  },
};
</script>

Когда страница загружается, я получаю кучу ошибок о том, что не могу прочитать свойства 'name' и 'description' undefined, что имеет смысл, учитывая, что resource не установлен при начальной загрузке страницы, но каков наилучший способ обработки это?

Должен быть более чистый способ справиться с этим, чем постоянная проверка, является ли model нулевым.