Wie kann man Vue in Contao nutzen?

Hallo, ich bin noch ein neuer Contao Nutzer und bin dabei und bin noch dabei, mich mit Contao zurecht zu finden und habe folgende Frage:
Wie kann ich Vue in Contao nutzen? Wenn ich bei Artikel ein neues Inhaltselement anlege und als Elementtyp "HTML" wähle, dann funktioniert es zwar, dass ich Javascript dort selber nutzen kann, nachdem ich in Einstellungen unter den erlaubten HTML Tags "Script" hinzugefügt habe und das Attribut "src" hinzugefügt habe, aber wenn ich Vue mit einbinde und etwas mit den doppelten geschweiften Klammern ausgeben lassen will, funktioniert das nicht.
Folgenden Beispielcode von der Vue Quickstartseite verwendet:

<script src="https://unpkg.com/vue@3"></script>

<div id="app">
<h1>{{message}}</h1>

</div>

<script>
const { createApp } = Vue

createApp({
data() {
return {
message: 'Hello Vue!'
}
}
}).mount('#app')
</script>

Was mache ich falsch?

Ich nehme an, Contao versucht die doppelten geschweiften Klammern als Insert Tag (https://docs.contao.org/manual/de/ar...g/insert-tags/) zu interpretieren. Du könntest die für Vue ändern: https://vuejs.org/api/application.ht...ons-delimiters

In dem Bereich ist Joe ganz aktiv. Vlt. hilft dir das hier: https://github.com/may17/contao-vue-college

Vielen Dank für die Antworten :)

Ich habe die doppelt geschweiften Klammern durch einfach geschweiften Klammern ersetzt und jetzt scheint es zu funktionieren :)

der Code sieht jetzt so aus:

<script src="https://unpkg.com/vue@3"></script>

<div id="app">
<h1>{message}</h1>

</div>
<script>
const { createApp } = Vue

createApp({
delimiters: ['{', '}'],
data() {
return {
message: 'Hello Vue'
}
}
}).mount('#app')
</script>