title: Display localized string with single/double quote in VueJS template
body: <p>I'm building a form in <a href="http://pagekit.com" rel="nofollow">Pagekit CMS</a> which uses <a href="http://vuejs.org/" rel="nofollow">VueJS</a>. According to <a href="http://pagekit.com/docs/developer-basics/translation" rel="nofollow">Pagekit Translation guide</a> to display a string in different language we use this in Vue template:</p>
  
  <pre><code>{{ 'Save' | trans }}
  </code></pre>
  
  <p>If there is a single quote in the string, I can't use this:</p>
  
  <pre><code>&lt;label&gt;{{ 'Map\'s width' | trans }}&lt;/label&gt;
  </code></pre>
  
  <p>But this works:</p>
  
  <pre><code>&lt;label&gt;{{ "Map's width" | trans }}&lt;/label&gt;
  </code></pre>
  
  <p>But how could I display a single quote in this following case?</p>
  
  <pre><code> &lt;input placeholder="{{ "Map's width" | trans }}" &gt;
  </code></pre>
  
  <p>Thank you in advance!</p>