View profile

Weekly Vue News - #68 - Change the Interpolation Delimiter

Michael Hoffmann
Michael Hoffmann
Hi ๐Ÿ‘‹
Since last week, Nuxt 3 is finally stable ๐Ÿฅณ
Iโ€™m working on a new blog post about a ToC (Table of Contents) component for Nuxt Content v2.
Additionally, Iโ€™m experimenting with short video clips about my tips.
Let me know what you think about these kind of videos.
Have a great week โ˜€๏ธ

Vue Tip: Change the Interpolation Delimiter
It is possible to adjust the delimiters used for text interpolation within the template.
This is typically used to avoid conflicting with server-side frameworks that also use mustache syntax.
The default delimiters are the double curly braces (called mustache syntax): {{ย }}
We can change the delimiter in theย configย object of the application instance:
Image created with CodeSnap.dev
Image created with CodeSnap.dev
๐Ÿ‘‰๐Ÿป Try it out
โš ๏ธ Important
Theย compilerOptionsย config option is only respected when using the full build (i.e. the standaloneย vue.jsย that can compile templates in the browser).
If you are using the runtime-only build with a build setup, checkoutย the official docs.
Curated Vue Content
JavaScript Tip: Manipulate URLs
JavaScript has a built-in API that allows you to easily manipulate URLs and get their search parameters:
Image created with CodeSnap.dev
Image created with CodeSnap.dev
Curated Web Development Content
๐Ÿ› ๏ธ 98.css
Quote of the Week
Did you enjoy this issue? Yes No
Michael Hoffmann
Michael Hoffmann @mokkapps

This weekly Vue newsletter gives you high-quality tips and curated content to help you become a Vue.js expert.

Additionally, it provides content about web development topics like TypeScript, JavaScript, HTML5, and CSS3.

Published each Monday since June 2021.

In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Created with Revue by Twitter.
Holzapfelkreuther StraรŸe 19, 81375 Munich, Germany