style: changed '|' in title to '-'

Author: derjozelot

astro.config.mjs

@@ -20,6 +20,7 @@ export default defineConfig({
 				Sidebar: './src/components/overrides/Sidebar.astro',
 				SocialIcons: './src/components/overrides/SocialIcons.astro',
 				LastUpdated: "./src/components/overrides/LastUpdated.astro",
+				Head: './src/components/overrides/CustomHead.astro',
 			},
 			lastUpdated: true,
 			// credits: true,

src/components/overrides/CustomHead.astro

@@ -0,0 +1,19 @@
+---
+import type { Props } from '@astrojs/starlight/props';
+import Default from '@astrojs/starlight/components/Head.astro';
+
+const html = await Astro.slots.render('default');
+---
+<Default {...Astro.props} />
+
+<script is:inline>
+  document.addEventListener('astro:page-load', () => {
+    if (document.title.includes(' | ')) {
+      document.title = document.title.replace(' | ', ' - ');
+    }
+  });
+
+  if (document.title.includes(' | ')) {
+    document.title = document.title.replace(' | ', ' - ');
+  }
+</script>

src/content/docs/index.mdx

@@ -12,7 +12,7 @@ head:
   - tag: meta
     attrs:
       property: og:title
-      content: "Welcome | Jozelot Docs"
+      content: "Welcome - Jozelot Docs"
   - tag: meta
     attrs:
       property: og:image