Vuejs пустая и заполненная форма

Делаю одностраничное приложение. На странице есть несколько форм, каждая из которых позволяет добавлять информацию в БД. И формы эти между собой связаны - сначала заполняешь одну, потом вторую и т.п. Одновременно с этим можно загрузить данные из БД в эти формы для редактирования и последующего обновления этих данных в БД.

Каждую форму я вынес в компонент. Для реактивности полям в форме назначил :value="". Если в Хранилище (vuex) есть данные, то они будут загружены в эти поля. Но как быть, когда данных в харнилище нет? Возникает резонная ошибка и компонент не отображается.

Ближе к сущностям. На странице есть форма для регистрации данных человека: ФИО, адрес и др. В хранилище две переменные:

• person - для данных пользователя, которые получим из БД и которыми нужно будет автоматически заполнить форму + данные человека, которые сюда попадут из формы при нажатии кнопки "добавить" (а затем будут записаны в БД).
• person_id - переменная для идентификатора человека, данные которого следует загрузить из БД (и заполнить ими форму). Если пусто тут, значит форма пустая.

Код предаставлен ниже:

export const store = new Vuex.Store({
        state: {
            person_id: 120,
            person: {},
        },

Таким образом планирую использовать одну форму и для создания новых записей. И для загрузки\редактирования существующих.

Но как быть с тем, что форма изначально при загрузке страницы пустая? Т.к. она пустая, а в форме проставлены :value="person.surname" и т.д., то возникает ошибка. И компонент (форма) вовсе не отображается.

Неужели единственное решение - вручную прописывать пустой объект по умолчанию в хранилище? Или есть другие варианты?