Guillaume Chau
68 lines
998 B
JavaScript
68 lines
998 B
JavaScript
let uid = 0
|
|
|
|
export default {
|
|
name: 'ApolloSubscribeToMore',
|
|
|
|
inject: [
|
|
'getDollarApollo',
|
|
'getApolloQuery',
|
|
],
|
|
|
|
props: {
|
|
document: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
|
|
variables: {
|
|
type: Object,
|
|
default: undefined,
|
|
},
|
|
|
|
updateQuery: {
|
|
type: Function,
|
|
default: undefined,
|
|
},
|
|
},
|
|
|
|
watch: {
|
|
document: 'refresh',
|
|
variables: 'refresh',
|
|
},
|
|
|
|
created () {
|
|
this.$_key = `sub_component_${uid++}`
|
|
},
|
|
|
|
mounted () {
|
|
this.refresh()
|
|
},
|
|
|
|
beforeDestroy () {
|
|
this.destroy()
|
|
},
|
|
|
|
methods: {
|
|
destroy () {
|
|
if (this.$_sub) {
|
|
this.$_sub.destroy()
|
|
}
|
|
},
|
|
|
|
refresh () {
|
|
this.destroy()
|
|
|
|
this.$_sub = this.getDollarApollo().addSmartSubscription(this.$_key, {
|
|
document: this.document,
|
|
variables: this.variables,
|
|
updateQuery: this.updateQuery,
|
|
linkedQuery: this.getApolloQuery(),
|
|
})
|
|
},
|
|
},
|
|
|
|
render (h) {
|
|
return null
|
|
},
|
|
}
|