title: Vue computed method not getting called
body: <p>I have a <code>computed</code> method:</p>
  
  <pre><code>computed: {
    currentPosition () {
      if(this.get_local_storage_state()){
        return this.lastLocation
      }
  
      if (this.currentRestaurant) {
        return this.currentRestaurant.address.location
      } else if (this.searchPosition.lat &amp;&amp; this.searchPosition.lon) {
        return this.searchPosition;
      } else {
        return null;
      }
    }
  }
  </code></pre>
  
  <p>Which is getting called in my <code>&lt;template&gt;</code>:</p>
  
  <pre><code>&lt;GMap class="c-splitview__map" :markers="getMarkers" :position="currentPosition" :zoom="currentZoom" v-if="currentPosition" /&gt;
  &lt;div class="m-storefinder__placeholder" v-else&gt;
    &lt;h1 class="o-headline"&gt;{{$tc("storefinder.emptyDeeplink")}}&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And for some reason, when it gets called the first time, it works how it should, however when I try calling it again (re-rendering the Vue component) it doesnt get called.</p>
  
  <p>BUT!</p>
  
  <p>When I comment out the first <code>if()</code> statement, like so:</p>
  
  <pre><code>computed: {
    currentPosition () {
      // if(this.get_local_storage_state()){
      //  return this.lastLocation
      // }
  
      if (this.currentRestaurant) {
        return this.currentRestaurant.address.location
      } else if (this.searchPosition.lat &amp;&amp; this.searchPosition.lon) {
        return this.searchPosition;
      } else {
        return null;
      }
    }
  }
  </code></pre>
  
  <p>It works how it should again.</p>
  
  <p>The <code>this.get_local_storage_state()</code> function looks like this and is located in <code>methods:{}</code>:</p>
  
  <pre><code>get_local_storage_state(){
    let state = localStorage.getItem('McDonaldsStoreWasOpen');
    return state === "true" ? true : false;
  }
  </code></pre>
  
  <p>I am basically trying to use local storage as a state management system.</p>