Вадим

Ну значит у Вас в FormData нет свойства Inputs.

let FormData = this.AddProduct  // --> this.AddProducts не содержит свойства Inputs

Более того, похоже и FormData - undefined.
То есть this.AddProducts - undefined

Вы теорию хотя бы прочитали?
Чтобы свойство автоматически обновлялось от значения в сторе, оно должно быть в computed.

Только желательно чтобы у Вас форма была сделана по правилам. Элементы имели все необходимые атрибуты, такие как name и value.
const data = new FormData(formElement)

Альтернативный вариант - иметь на каждое поле формы или на всю форму объект в свойстве vue - data(){}
А при изменении значений в инпутах обновлять данные в этом объекте. А при сабмите отправлять этот объект в формате json, например. Только картинку нужно будет преобразовывать, скажем, в base64 или в то, что сможет обработать Ваш бэкенд.

Порядок изучения:
REST(Чтобы понимать откуда\зачем взялся GraphQL) -> GraphQL -> Apollo -> Vue-Apollo

Apollo - библиотека\клиент для работы с GraphQL.
Vue-Apollo - соответственно, адаптация Apollo для Vue.
Зачем - для удобства.

https://habr.com/ru/company/rambler_group/blog/418417/

var source = [
    {
      "id": 8,
      "name": "Опер3",
      "value": 88,
      "date": "2021-01-22"
    },
    {
      "id": 5,
      "name": "Опер2",
      "value": 452,
      "date": "2021-01-12"
    },
    {
      "id": 50,
      "name": "Опер20",
      "value": 4523,
      "date": "2021-01-22"
    }
]

var groupByDate = {};
source.forEach(function(item){
  if(groupByDate[item.date]){
    groupByDate[item.date].push(item)
  } else {
    groupByDate[item.date] = [item]
  }
})

В итоге получаем объект, свойства которого - даты, а значения - массивы элементов этих дат.
Ну и далее перебираем любым удобным образом объект и выводим в DOM.

Если я всё верно понял, то:

remove() {
  this.arr = this.arr.filter( button => button !== this.active)
}

а ещё круглые скобки тут вам не нужны у remove(). То есть просто remove

<button @click="remove()">Remove active button</button>