chore: case

components/nav/NavFooter.vue

@@ -11,8 +11,8 @@ const buildTimeAgo = useTimeAgo(buildTime)
       <button i-ri-sun-line dark:i-ri-moon-line text-lg mb4 @click="toggleDark()" />
       <button
         text-lg mb4
-        :class="isZenmode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'"
-        @click="toggleZenmode()"
+        :class="isZenMode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'"
+        @click="toggleZenMode()"
       />
     </div>
     <a cursor-pointer hover:underline @click="openPreviewHelp">Show intro</a>

composables/dialog.ts

@@ -1,8 +1,8 @@
 import { STORAGE_KEY_FIRST_VISIT, STORAGE_KEY_ZEN_MODE } from '~/constants'
 
 export const isFirstVisit = useLocalStorage(STORAGE_KEY_FIRST_VISIT, true)
-export const isZenmode = useLocalStorage(STORAGE_KEY_ZEN_MODE, false)
-export const toggleZenmode = useToggle(isZenmode)
+export const isZenMode = useLocalStorage(STORAGE_KEY_ZEN_MODE, false)
+export const toggleZenMode = useToggle(isZenMode)
 
 export const isUserSwitcherOpen = ref(false)
 export const isSigninDialogOpen = ref(false)

layouts/default.vue

@@ -1,5 +1,5 @@
 <template>
-  <div h-full :class="{ zenmode: isZenmode }">
+  <div h-full :class="{ zen: isZenMode }">
     <main flex w-full mxa lg:max-w-80rem>
       <div class="hidden md:block w-1/4 zen-hide" relative>
         <div sticky top-0 h-screen flex="~ col">

styles/global.css

@@ -62,6 +62,6 @@ html {
   }
 }
 
-.zenmode .zen-hide {
+.zen .zen-hide {
   --at-apply: op0 hover:op100 transition duration-600;
 }