@click event dont reactively update countwaitingapproval: function ()


#1

When people push addperson I have a counter that shows how many people is waiting there approval, it works but you have to reload the page to se the correct number, after you have pushed the addperson button

I use Meteor,Vue and Vuetify

<v-btn onclick="this.parentNode.style.display = 'none' " v-if="userstat(user)" @click="addperson(user)" icon>
                                            <v-icon>add</v-icon>
                                        </v-btn>
methods:

addperson: (user) => {


            var personId = user._id;
        

            Friends.upsert(
                { _id: Meteor.userId() },

                { $push: { friends: { id1: personId, id2: Meteor.userId(), status: 1 } } }
            );
computed: {
  
  countwaitingapproval: function () {
    
    return Friends.find({"_id": Meteor.userId()},{friends: {$elemMatch: {status:1}}}).fetch()[0].friends.length
  }

#2

Do one can help me with this? its like I have the problem on all click event in the app

this is my packets list:

meteor-base@1.2.0             # Packages every Meteor app needs to have
mobile-experience@1.0.5       # Packages for a great mobile UX
mongo@1.3.1                   # The database Meteor supports right now
reactive-var@1.0.11            # Reactive variable for tracker
jquery@1.11.10                  # Helpful client-side library
tracker@1.1.3                 # Meteor's client-side reactive programming library

standard-minifier-css@1.3.5   # CSS minifier run for production mode
standard-minifier-js@2.2.0    # JS minifier run for production mode
es5-shim@4.6.15                # ECMAScript 5 compatibility for older browsers.
ecmascript@0.9.0              # Enable ECMAScript2015+ syntax in app code

autopublish@1.0.7             # Publish all data to the clients (for prototyping)
insecure@1.0.7                # Allow all DB writes from clients (for prototyping)
akryum:vue
akryum:vue-component
session@1.1.7
shell-server@0.3.1
dynamic-import@0.3.0
akryum:vue-router2
akryum:vue-stylus
planettraining:material-design-icons-font
polyroid:font-roboto

accounts-base@1.4.0
accounts-password@1.5.0
accounts-ui@1.2.0
blaze-html-templates
akryum:vue-blaze-template