Javascript is required
Weekly Vue News Logo Weekly Vue News

Document is empty, overwrite this content with #empty slot in <ContentDoc>.

Weekly Vue News - #68 - Change the Interpolation Delimiter

Migrated Issue
Expect missing links and broken styling, as this issue has been migrated from my previous newsletter service.

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.

Here is an example:

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

👉🏻 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

📕 Nuxt 3 State Management: Pinia vs useState

👉🏻 In this article, Michael discusses the main differences between Pinia and useState and when to use each.

📕 Is Turbopack really 10x Faster than Vite?

👉🏻 Vue and Vite’s Evan You decided to run some benchmarks and ended up pretty deep down the rabbit hole.

🛠️ Online Options API to Composition API converter for Vue

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

Curated Web Development Content

📕 The State of Frontend in 2022 survey

👉🏻 "real day-to-day perspective from frontend professionals of all levels and backgrounds."

👉🏻 I love to see Vue on the third place of used & liked frameworks 💚

📕 What is a realm in JavaScript?

👉🏻 A realm is essentially the complete execution environment for a JavaScript program.

👉🏻 Interesting if you want to know how JavaScript works under the hood.

📕 State of CSS 2022

👉🏻 This post is the article form of the State of CSS talk given at Google IO 2022.

👉🏻 It provides a brief overview of the new features and resources for more information.

📹 Programming in TypeScript

👉🏻 5 hour YouTube course.

👉🏻 This beginner course will teach you everything you need to get started coding TypeScript.

🛠️ JavaScript Booster (VS Code Extension)

👉🏻 Add quick actions to VS Code.

👉🏻 Useful for IntelliJ users who are used to these handy actions.

🛠️ 98.css 🛠️

👉🏻 98.css is a CSS library for building interfaces that look like Windows 98

Quote of the Week

Weekly Vue News LogoWeekly newsletter that gives you high-quality tips and curated content about Vue & Nuxt.
I will never share any of your personal data.
© 2023 All rights reserved.