guides temp fix

Author: vikdiesel

.laravel-guide/resources/js/app.js

@@ -1,8 +1,7 @@
 import '../css/main.css'
 
 import { createPinia } from 'pinia'
-import { useDarkModeStore } from '@/stores/darkMode.js'
-import { darkModeKey, styleKey } from '@/config.js'
+// import { useDarkModeStore } from '@/stores/darkMode.js'
 import { createApp, h } from 'vue'
 import { createInertiaApp } from '@inertiajs/vue3'
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'
@@ -28,12 +27,11 @@ createInertiaApp({
   }
 })
 
-const darkModeStore = useDarkModeStore(pinia)
+// const darkModeStore = useDarkModeStore(pinia)
 
-/* Dark mode */
-if (
-  (!localStorage[darkModeKey] && window.matchMedia('(prefers-color-scheme: dark)').matches) ||
-  localStorage[darkModeKey] === '1'
-) {
-  darkModeStore.set(true)
-}
+// if (
+//   (!localStorage['darkMode'] && window.matchMedia('(prefers-color-scheme: dark)').matches) ||
+//   localStorage['darkMode'] === '1'
+// ) {
+//   darkModeStore.set(true)
+// }

.nuxt-guide/README.md

@@ -85,8 +85,8 @@ module.exports = {
 
 ```vue
 <script setup>
-import { useDarkModeStore } from '@/stores/darkMode.js'
-import { darkModeKey } from '@/config.js'
+// import { useDarkModeStore } from '@/stores/darkMode.js'
+// import { darkModeKey } from '@/config.js'
 
 useHead({
   titleTemplate: (titleChunk) => {
@@ -96,19 +96,19 @@ useHead({
   }
 })
 
-const darkModeStore = useDarkModeStore()
+// const darkModeStore = useDarkModeStore()
 
-const currentStoredDarkMode =
-  typeof localStorage !== 'undefined' && localStorage[darkModeKey] === '1'
+// const currentStoredDarkMode =
+//   typeof localStorage !== 'undefined' && localStorage[darkModeKey] === '1'
 
-if (
-  (!currentStoredDarkMode &&
-    typeof window !== 'undefined' &&
-    window.matchMedia('(prefers-color-scheme: dark)').matches) ||
-  currentStoredDarkMode
-) {
-  darkModeStore.set(true)
-}
+// if (
+//   (!currentStoredDarkMode &&
+//     typeof window !== 'undefined' &&
+//     window.matchMedia('(prefers-color-scheme: dark)').matches) ||
+//   currentStoredDarkMode
+// ) {
+//   darkModeStore.set(true)
+// }
 </script>
 
 <template>