refactor: use application/json script instead of global this

Author: azat-io

preview/stores/data.ts

@@ -36,8 +36,9 @@ export let data = readable<Partial<Data>>({}, set => {
   let fetchData = async (): Promise<void> => {
     let dataValue: Data
     if (import.meta.env.MODE === 'production') {
-      // @ts-ignore
-      dataValue = globalThis.data as Data
+      dataValue = JSON.parse(
+        document.querySelector('#data')?.textContent ?? '{}',
+      ) as Data
     } else {
       let dataResponse = await fetch('/data.json')
       dataValue = (await dataResponse.json()) as Data

src/project/generate_output.rs

@@ -39,7 +39,7 @@ pub async fn generate_output(
 
                 if let Some(pos) = index_content.find("</head>") {
                     let script_tag = format!(
-                        "<script>window.data = {};</script>",
+                        "<script id=\"data\" type=\"application/json\">{};</script>",
                         escaped_json_string
                     );
                     index_content.insert_str(pos, &script_tag);

vite.config.ts

@@ -67,7 +67,7 @@ export default defineConfig({
     ...(isDocumentation
       ? [
           injectBeforeHead(
-            `<script>window.data = ${JSON.stringify(data)};</script>`,
+            `<script id="data" type="application/json">${JSON.stringify(data)}</script>`,
           ),
           injectBeforeHead(
             '<script defer src="https://analytics.azat.io/script.js" data-website-id="43d46bcc-915b-46c0-92b4-9e290eb8a5dc"></script></head>',