import { Model } from '@vuex-orm/core';

/**
 * This class represent a Member
 */
export default class Member extends Model {
  static entity = 'members'

  static loaded = false

  /**
   * Member fields
   */
  static fields() {
    return {
      id: this.string(),
      firstName: this.string(null),
      lastName: this.string(null),
      gender: this.string(null),
      smoker: this.boolean(null),
      birthDate: this.attr(null),
    }
  }
}

import Vue from 'vue'
import Vuex from 'vuex'
import VuexORM from '@vuex-orm/core'
import Member from '@/models/Member'

// Vuex modules
import i18n from './modules/i18n'

// Create new instance of Database.
const database = new VuexORM.Database()

database.register(Member)

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    i18n,
  },
  state: {
    member: null,
  },
  mutations: {
    SET_MEMBER(state, member) {
      state.member = member
    },
  },
  plugins: [VuexORM.install(database)],
})

import Vue from 'vue'
import Component from 'vue-class-component'
import Member from '@/models/Member'

@Component({ name: 'MembersIndex' })
export default class MembersIndex extends Vue {
  /**
   * Created hook
   */
  async created() {
    Member.insert({
      data: {
        id: 1,
        firstName: 'John',
        lastName: 'Doe',
        gender: 'M',
        birthDate: new Date(),
      },
    })
    this.$store.commit('SET_MEMBER', {
      id: 1,
      firstName: 'John',
      lastName: 'Doe',
      gender: 'M',
      birthDate: new Date(),
    })
  }
}