title: Vue links are formatted weirdly
body: <p>I am new to Vue js, Inertia and Laravel.</p>
  <p>But I have gotten stuck and cannot figure out what the problem is even though I try searching google and looking at videos.</p>
  <p>I have this code</p>
  <pre><code>    &lt;div v-for=&quot;(seed, index) in seeds&quot; :key=&quot;index&quot;&gt;
         Id {{ seed.id }} 
         &lt;inertia-link :href=&quot;'/fert/' + '{{ seed.id }}'&quot;&gt;
           Go to seed
         &lt;/inertia-link&gt;
      &lt;/div&gt;
  
  </code></pre>
  <p>And The first <code>{{ seed.id }}</code> outside of the links looks great, it shows the actual id.
  However then <code>{{ seed.id }}</code> within the link formats, so the link shows this:</p>
  <pre><code>Id 1&lt;a href=&quot;/fert/%7B%20seed.id%20%7D&quot;&gt;Go to seed&lt;/a&gt;
  </code></pre>
  <p>Why is it formatting inside the link but not outside? and how to I fix it?</p>
  <p>Thanks in advance, and yes I am very noob. sorry</p>