Vue.js | Crawlers are not able to follow v-for generated links
<p>I have a small site which uses Laravel and Vue.js for rendering a list. You can view it <a href="https://www.nemaso.de/vergleichen" rel="nofollow">here</a>. It looks like the Google crawler cannot follow the links generated by <code>v-for</code>.</p>

<p>Google Search Console says: <code>Not found: vergleichen/%7B%7B%20anbieter.slug%20%7D%7D</code> and all onpage crawlers I know  are failing crawling the links.</p>

<p>What am  I doing wrong? Is there a workaround? Any help is appreciated ♥</p>

<p><strong>Update</strong></p>

<p>@Linus: Your assumption is correct, <a href="http://pastebin.com/S285XRwc" rel="nofollow">this</a> is the content of my blade file and the JS looks like this:</p>

<pre><code>var suche = new Vue({
   el: '#suchen',
   data: {
        search: ''
     }
});
</code></pre>

<p>So I have to <a href="http://vuejs.org/guide/components.html" rel="nofollow">create a new component</a> in order to get this working?</p>

<p><strong>Update</strong></p>

<p>I switched to <a href="https://github.com/vdw/HideSeek" rel="nofollow">Hideseek</a>. Problem "solved".</p>