I'm trying to start a class-type arerglo in javascrip so I can call on my vuejs components my code:

```
Class Person
export default class Person {

constructor(id, nombre, apellido) {
    this.id = id;
    this.nombre = nombre;
    this.apellido = apellido;
  }
}

PersonServicesClass:

import Person from '../model/person'

export default class PersonService {
person = new Array(Person)

constructor(
) {
    this.person = [];
}

add(id, nombre, apellido) {
    this.person.push(new Person(id, nombre, apellido));
    return this.person
  }
}

```

Import component vue:

```
 <script>
 import PersonService from "../../Services/personservice";
 export default {
   name: "RegistroComponent",
     data: () => ({}),

     getData() {
       this.PersonService.add(1,"Steven","Chacon");
        }
     };

```

Error:

[![enter image description here](https://i.stack.imgur.com/SyPEw.png)](https://i.stack.imgur.com/SyPEw.png)

I would be very helpful to help