title: Unclosed String Literal - Vue JS Template simple concatenation
body: <p>Can anyone explain why this is happening?  New to Vue, and don't understand what's wrong?</p>
  
  <p>This works:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          ...
          &lt;div v-else&gt;
              {{ remaining.hours &gt; 0 ? (remaining.hours &lt; 10 ? '0' : '') + remaining.hours + ':' : '' }}
  </code></pre>
  
  <p>However when I try to add a span, I get the 'unclosed string literal' error:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          ...
          &lt;div v-else&gt;
              {{ remaining.hours &gt; 0 ? (remaining.hours &lt; 10 ? '0' : '') + remaining.hours + '&lt;span class="colon"&gt;:&lt;/span&gt;' : '' }}
  </code></pre>