Help to integrate Remark42 into Vitepress (vue)

[BenRoe]

I try to add Remark to my vitepress docs.
Problem is i have to add the following code to vitepress, but i get an error.
Maybe a vue expert can help.

<script>
	var remark_config = {
		host: "REMARK_URL",
		site_id: "YOUR_SITE_ID",
	}
</script>

and this

<script>!function(e,n){for(var o=0;o<e.length;o++){var r=n.createElement("script"),c=".js",d=n.head||n.body;"noModule"in r?(r.type="module",c=".mjs"):r.async=!0,r.defer=!0,r.src=remark_config.host+"/web/"+e[o]+c,d.appendChild(r)}}(remark_config.components||["embed"],document);</script>

I have the following code, but get this error in the browser TypeError: undefined is not an object (evaluating 'window.remark_config.host') The error comes from the embed.js which is loaded from the remark42 instance.
Can ad variable to window in vue3/vitepress?

.vitepress/theme/index.mjs

import Layout from "./Layout.vue";

export default {
  Layout,
};

.vitepress/theme/Layout.vue

<!-- .vitepress/theme/Layout.vue -->
<script setup>
import DefaultTheme from "vitepress/theme";

import Comments from "./components/Remark42Comments.vue";

const { Layout } = DefaultTheme;
</script>

<template>
  <Layout>
    <template #doc-after>
      <Comments />
    </template>
  </Layout>
</template>

.vitepress/theme/components/Remark42Comments.vue

<script setup>
import { useData } from "vitepress";

const remark_config = {
  host: "https://comments.myDomain.com",
  site_id: "remark",
};

const { title } = useData();

!(function (e, n) {
  for (var o = 0; o < e.length; o++) {
    var r = n.createElement("script"),
      c = ".js",
      d = n.head || n.body;
    "noModule" in r ? ((r.type = "module"), (c = ".mjs")) : (r.async = !0),
      (r.defer = !0),
      (r.src = remark_config.host + "/web/" + e[o] + c),
      d.appendChild(r);
  }
})(remark_config.components || ["embed"], document);
</script>

<template>
  <div id="remark42" ref="remark42" :key="title"></div>
</template>