title: set custom delimiters in Vue.js 3
body: <p>I am trying to set custom delimiters in Vue.js 3 but it does not seem to work.</p>
  <p>The first thing I tried is setting the component parameter <code>delimiters</code> like this:</p>
  <pre><code>export default defineComponent({
      delimiters: [&quot;${&quot;, &quot;}$&quot;],
      // ...
  })
  </code></pre>
  <p>but nothing happens.</p>
  <p>Then I tried setting <strong>main.ts</strong> file like this:</p>
  <pre><code>import { createApp } from &quot;vue&quot;;
  import router from &quot;./router&quot;;
  import App from &quot;./App.vue&quot;;
  
  App.delimiters = [&quot;${&quot;, &quot;}$&quot;];
  
  createApp(App)
     .use(router)
     .mount(&quot;#app&quot;);
  </code></pre>
  <p>Again the string interpolation in the template isn't working.</p>
  <p>What am I missing?</p>