diff --git a/src/client/theme-default/components/VPContent.vue b/src/client/theme-default/components/VPContent.vue
index 3f6720f2..6ab7cb01 100644
--- a/src/client/theme-default/components/VPContent.vue
+++ b/src/client/theme-default/components/VPContent.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import NotFound from '../NotFound.vue'
 import { useData } from '../composables/data'
-import { useIsHomeLayout } from '../composables/is-home-layout'
+import { useLayout } from '../composables/layout'
 import { useSidebar } from '../composables/sidebar'
 import VPDoc from './VPDoc.vue'
 import VPHome from './VPHome.vue'
 import VPPage from './VPPage.vue'
 
 const { page, frontmatter } = useData()
-const { isHomeLayout } = useIsHomeLayout()
+const { isHome } = useLayout()
 const { hasSidebar } = useSidebar()
 </script>
 
@@ -18,7 +18,7 @@ const { hasSidebar } = useSidebar()
     id="VPContent"
     :class="{
       'has-sidebar': hasSidebar,
-      'is-home': isHomeLayout
+      'is-home': isHome
     }"
   >
     <slot name="not-found" v-if="page.isNotFound"><NotFound /></slot>
diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
index 9bb07000..1ba8de7d 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useWindowScroll } from '@vueuse/core'
 import { ref, watchPostEffect } from 'vue'
-import { useIsHomeLayout } from '../composables/is-home-layout'
+import { useLayout } from '../composables/layout'
 import { useSidebar } from '../composables/sidebar'
 import VPNavBarAppearance from './VPNavBarAppearance.vue'
 import VPNavBarExtra from './VPNavBarExtra.vue'
@@ -22,14 +22,14 @@ defineEmits<{
 
 const { y } = useWindowScroll()
 const { hasSidebar } = useSidebar()
-const { isHomeLayout } = useIsHomeLayout()
+const { isHome } = useLayout()
 
 const classes = ref<Record<string, boolean>>({})
 
 watchPostEffect(() => {
   classes.value = {
     'has-sidebar': hasSidebar.value,
-    'home': isHomeLayout.value,
+    'home': isHome.value,
     'top': y.value === 0,
     'screen-open': props.isScreenOpen
   }
diff --git a/src/client/theme-default/composables/is-home-layout.ts b/src/client/theme-default/composables/is-home-layout.ts
deleted file mode 100644
index 6e5a4379..00000000
--- a/src/client/theme-default/composables/is-home-layout.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { computed } from 'vue'
-import { useData } from './data'
-
-export function useIsHomeLayout() {
-  const { frontmatter } = useData()
-
-  const isHomeLayout = computed(() => {
-    if (frontmatter.value.isHomeLayout !== undefined)
-      return Boolean(frontmatter.value.isHomeLayout)
-    else return frontmatter.value.layout === 'home'
-  })
-
-  return { isHomeLayout }
-}
diff --git a/src/client/theme-default/composables/layout.ts b/src/client/theme-default/composables/layout.ts
new file mode 100644
index 00000000..9fc39673
--- /dev/null
+++ b/src/client/theme-default/composables/layout.ts
@@ -0,0 +1,14 @@
+import { computed } from 'vue'
+import { useData } from './data'
+
+export function useLayout() {
+  const { frontmatter } = useData()
+
+  const isHome = computed(() => {
+    if (frontmatter.value.isHome !== undefined)
+      return Boolean(frontmatter.value.isHome)
+    else return frontmatter.value.layout === 'home'
+  })
+
+  return { isHome }
+}
diff --git a/src/client/theme-default/composables/sidebar.ts b/src/client/theme-default/composables/sidebar.ts
index 88584765..2907919a 100644
--- a/src/client/theme-default/composables/sidebar.ts
+++ b/src/client/theme-default/composables/sidebar.ts
@@ -18,7 +18,7 @@ import {
   getSidebarGroups
 } from '../support/sidebar'
 import { useData } from './data'
-import { useIsHomeLayout } from './is-home-layout'
+import { useLayout } from './layout'
 
 export interface SidebarControl {
   collapsed: Ref<boolean>
@@ -32,7 +32,7 @@ export interface SidebarControl {
 
 export function useSidebar() {
   const { frontmatter, page, theme } = useData()
-  const { isHomeLayout } = useIsHomeLayout()
+  const { isHome } = useLayout()
   const is960 = useMediaQuery('(min-width: 960px)')
 
   const isOpen = ref(false)
@@ -54,7 +54,7 @@ export function useSidebar() {
     return (
       frontmatter.value.sidebar !== false &&
       sidebar.value.length > 0 &&
-      !isHomeLayout.value
+      !isHome.value
     )
   })
 
@@ -67,7 +67,7 @@ export function useSidebar() {
   })
 
   const hasAside = computed(() => {
-    if (isHomeLayout.value) return false
+    if (isHome.value) return false
     if (frontmatter.value.aside != null) return !!frontmatter.value.aside
     return theme.value.aside !== false
   })