title: Web Crawler Detecting Vue Broken Links
body: <p>I'm using Vue to get store locations based on the location entered. Here is the Vue component:</p>
  
  <pre><code>Vue.use(VueGoogleMaps, {
    load: {
      key: 'key',
      libraries: 'places'
    }
  });
  
  new Vue({
    el: '.branch-locator',
    data: {
      autocompleteRestrictions: {
        country: 'gb'
      },
      searching: false,
      branches: []
    },
    methods: {
      search(location) {
        this.searching = true;
        Axios.post('/branch-locator', location.geometry.location)
          .then((response) =&gt; {
            this.searching = false;
            this.branches = response.data;
  
            const bounds = new google.maps.LatLngBounds()
            for (let branch of this.branches) {
              bounds.extend({
                lat: branch.lat,
                lng: branch.lng
              })
            }
            this.$refs.map.$mapObject.fitBounds(bounds)
          })
          .catch(function (error) {
            this.searching = false;
          });
      }
    },
    components: {
      VueGoogleMaps
    },
  });
  </code></pre>
  
  <p>And here is the HTML:</p>
  
  <pre><code>{% verbatim %}
  &lt;h4&gt;{{ branch.title }}&lt;/h4&gt;
  &lt;p&gt;&lt;a :href="branch.store_link" target="_blank"&gt;Store locator&lt;/a&gt; | &lt;a :href="branch.maps_link" target="_blank"&gt;View on Google Maps&lt;/a&gt;&lt;/p&gt;
  {% endverbatim %}
  </code></pre>
  
  <p>This works as expected and is completely fine from a practical sense. However web crawlers detect "branch.store_link" etc as broken links because Vue isn't running in time I'd assume. What would be the easiest what to avoid web crawlers picking these up as broken links? </p>