docs: fix dark flash

diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
index bd4af9328964c08777ff792934a4c0e681419344..330c21513cde79657a25a2106768b9859d6ec8e8 100644 (file)
--- a/docs/.vitepress/config.js
+++ b/docs/.vitepress/config.js
@@ -7,6 +7,7 @@ const META_DESCRIPTION =
 const META_IMAGE = 'https://pinia.esm.dev/social.png'
 
 const isProduction = process.env.NODE_ENV
+
 /**
  * @type {import('vitepress').UserConfig['head']}
  */
@@ -21,6 +22,11 @@ const productionHead = [
   ],
 ]
 
+const darkModeFix = require('fs').readFileSync(
+  require('path').resolve(__dirname, './darkModeFix.js'),
+  'utf-8'
+)
+
 /**
  * @type {import('vitepress').UserConfig}
  */
@@ -111,6 +117,8 @@ module.exports = {
         onload: "this.onload=null;this.rel='stylesheet'",
       },
     ],
+
+    ['script', {}, darkModeFix],
     ...(isProduction ? productionHead : []),
   ],
   themeConfig: {

diff --git a/docs/.vitepress/darkModeFix.js b/docs/.vitepress/darkModeFix.js
new file mode 100644 (file)
index 0000000..8dbbaf3
--- /dev/null
+++ b/docs/.vitepress/darkModeFix.js
@@ -0,0 +1,10 @@
+;(() => {
+  const saved = localStorage.getItem('pinia-color-scheme')
+  if (
+    saved === 'auto'
+      ? window.matchMedia(`(prefers-color-scheme: light)`).matches
+      : saved === 'light'
+  ) {
+    document.documentElement.classList.add('light')
+  }
+})()