I might have found an issue when using watchers on computed properties including meteo

+1, I can't use watch <div class="highlight highl

Maybe try this? <div class="snippet-clipboard-content notranslate position-relativ

<span aria-label="This issue is a duplicate of #34" class="issue-keyword tooltipped to

Watchers breaking computed property about vue-meteor-tracker HOT 8 CLOSED

meteor-vue commented on June 15, 2024

Watchers breaking computed property

from vue-meteor-tracker.

Comments (8)

thearabbit commented on June 15, 2024

+1, I can't use watch

  meteor: {
    $subscribe: {
      ['app.company']: [],
    },
    company() {
      return Company.findOne()
    },
  },
watch:{
   company:{
      handler(val){
           // don't work
      },
      immediate: true,
   }
}

from vue-meteor-tracker.

hluz commented on June 15, 2024

Maybe try this?

meteor: {
    $subscribe: {
      ['app.company']: [],
    },
    company() {
      return Company.findOne() || {}
    },
  },
watch:{
   company:{
      handler(val){
           // don't work
      },
      immediate: true,
   }
}

from vue-meteor-tracker.

dylanalizon commented on June 15, 2024

Maybe we have to use observeChanges ? But how ? Someone has an idea please ?

from vue-meteor-tracker.

thearabbit commented on June 15, 2024

I will try soon

from vue-meteor-tracker.

mathieustan commented on June 15, 2024

I encounter the same problem. It seems like when watcher remove computed reactivity.
If I comment a watch, which are linked to a Meteor data, computed works fine.

Exemple with watch :

computed: { 
	notes() {
		return this.$autorun(() => Notes.find({}).fetch());
	}, 
	notesCount() {
		console.log(this.notes); // always undefined
		return this.notes.length;
	},
},
watch: {
	notesCount: {
		handler(count) {
			console.log(count); // undefined
		},
		immediate: true,
	}
}

Exemple WITHOUT watch :

computed: { 
	notes() {
		return this.$autorun(() => Notes.find({}).fetch());
	}, 
	notesCount() {
		console.log(this.notes.length); // return a number, works fine & reactive
		return this.notes.length;
	},
},
watch: {
	/*notesCount: {
		handler(count) {
			console.log(count); // undefined
		},
		immediate: true,
	}*/
}