How to use the quasar.extend function in quasar

addCardToDeck () {
      let newcard = extend({}, this.model)
      newcard.ephemeral = this.model.ephemeral = false
      if (!newcard.slots) newcard.slots = {} // temp
      return new Promise((resolve, reject) => {
        this.$store.dispatch('cards/create', newcard).then((card) => {
          this.$q.notify({ type: 'positive', message: 'Added to card deck' })
          resolve(card)
        }).catch((err) => {
          reject(err)
        })
      })
    },
    addCardToDeckAndBookmark () {

export const updateOne = (state, payload) => {
  console.log('Updating ' + payload.itemName + ' state to ' + payload.newState + (payload.newTransformedState ? ' (' + payload.newTransformedState + ')' : ''))
  let item = state.items.find((i) => i.name === payload.itemName)
  item.state = payload.newState
  if (payload.newTransformedState) {
    item.transformedState = payload.newTransformedState
  }
  state.map = extend({}, state.map)
  state.map[payload.itemName] = item
}

cloneComponent () {
      let component = this.selectedNode.component
      let newComponent = extend(true, {}, component)
      let idx = this.selectedNode.parentSlot.indexOf(component)
      this.selectedNode.parentSlot.splice(idx, 0, newComponent)
      this.buildTree()
    },
    deleteComponent () {

pasteComponent () {
      if (!this.selectedNode) return
      if (this.selectedNode.type !== 'slot') {
        this.$q.notify('Select a slot to paste the copied component to')
        return
      }
      let parentComponent = this.selectedNode.component
      let slotName = this.selectedNode.label
      let component = extend({}, this.$q.sessionStorage.get.item('habot.designerClipboard'))
      if (component.component.indexOf('Hb') !== 0) return
      if (!this.currentComponent ||
        (this.currentComponent.slotDescriptions[slotName].allowedComponents &&
        this.currentComponent.slotDescriptions[slotName].allowedComponents.indexOf(component.component) === -1) ||
        (this.currentComponent.slotDescriptions[slotName].deniedComponents &&
        this.currentComponent.slotDescriptions[slotName].deniedComponents.indexOf(component.component) !== -1)) {
        this.$q.notify(`Cannot paste ${component.component} here`)
        return
      }

      parentComponent.slots[slotName].push(component)
      this.buildTree()
    },
    copyCutEvent (evt) {

export const updateCard = (state, payload) => {
  let idx = state.cards.findIndex((c) => c.uid === payload.uid)
  if (idx < 0) return
  state.cards.splice(idx, 1, extend(true, {}, payload))
}

}).then((val) => {
        this.chartOptions.calendar = extend({}, this.chartOptions.calendar, {
          colorPalette: val
        })
      })
    }

async ([isBikeKitchen, isGeneralPurpose, locale] = []) => {
      if (!locale) return
      if (isBikeKitchen || isGeneralPurpose) {
        const generalPurposeMessages = await import('@/locales/generalPurpose.json')
        const messages = await loadMessages(locale)
        if (!(datastore.getters['currentGroup/isBikeKitchen'] || datastore.getters['currentGroup/isGeneralPurpose'])) return
        const mergedMessages = extend(true, {}, messages, generalPurposeMessages)
        i18n.setLocaleMessage(locale, mergedMessages)
      }
      else {
        const messages = await loadMessages(locale)
        if (datastore.getters['currentGroup/isBikeKitchen'] || datastore.getters['currentGroup/isGeneralPurpose']) return

        i18n.setLocaleMessage(locale, messages)
      }
    },
    { immediate: true },

simulateProgress (index) {
      const timeout = setTimeout(() => {
        if (index in this.loading) {
          this.loading = extend({}, this.loading, { [index]: false })
        }
      }, 5 * 60 * 1000)
      this.loading = extend({}, this.loading, { [index]: timeout })
    },
    stopProgress () {

const timeout = setTimeout(() => {
        if (index in this.loading) {
          this.loading = extend({}, this.loading, { [index]: false })
        }
      }, 5 * 60 * 1000)
      this.loading = extend({}, this.loading, { [index]: timeout })

this.$http.get('/rest/habot/attributes').then((response) => {
        let items = extend(true, [], this.$store.state.items.items).map(i => {
          let ret = {
            name: i.name,
            type: i.type,
            label: i.label,
            attributes: response.data[i.name]
          }
          return ret
        })
        this.items = items
      })
    }