Объявление поля данных vue-property-decorator vuejs

новичок во Vue.

Воспользовавшись vue-property-decorator, также попробовал vue-class-component.

Согласно github (https://github.com/kaorun343/vue-property-decorator), объекты data объявляются просто внутри класса, например ecosystem:

  import {Component, Vue} from 'vue-property-decorator';

  @Component({
     components: {}
  })
  export default class HelloWorld extends Vue {
      ecosystem: [
        {
          text: 'vuetify-loader',
          href: 'https://github.com/vuetifyjs/vuetify-loader'
        },
        {
          text: 'github',
          href: 'https://github.com/vuetifyjs/vuetify'
        },
        {
          text: 'awesome-vuetify',
          href: 'https://github.com/vuetifyjs/awesome-vuetify'
        }
      ] 
  }

вместо

  data() {
    return {
      ecosystem: ['bla', 'bla', 'bla']
    }
  }

Однако, когда я пытаюсь использовать его, появляется ошибка Property or method "ecosystem" is not defined on the instance but referenced during render..

взывая к

  created() {
    console.info(this.ecosystem)
  }

также возвращает undefined

Что мне не хватает?