diff --git a/src/client/theme-default/components/VPContent.vue b/src/client/theme-default/components/VPContent.vue
index 3b2dbdf6..cecb6eba 100644
--- a/src/client/theme-default/components/VPContent.vue
+++ b/src/client/theme-default/components/VPContent.vue
@@ -16,7 +16,7 @@ const { hasSidebar } = useSidebar()
     id="VPContent"
     :class="{
       'has-sidebar': hasSidebar,
-      'is-home': frontmatter.layout === 'home'
+      'is-home': frontmatter.isHomeLayout
     }"
   >
     <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 d1fbe362..b118a85d 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -29,7 +29,7 @@ const classes = ref<Record<string, boolean>>({})
 watchPostEffect(() => {
   classes.value = {
     'has-sidebar': hasSidebar.value,
-    'home': frontmatter.value.layout === 'home',
+    'home': frontmatter.value.isHomeLayout,
     'top': y.value === 0,
     'screen-open': props.isScreenOpen
   }
diff --git a/src/client/theme-default/composables/sidebar.ts b/src/client/theme-default/composables/sidebar.ts
index ed060e4d..1e4ef44a 100644
--- a/src/client/theme-default/composables/sidebar.ts
+++ b/src/client/theme-default/composables/sidebar.ts
@@ -52,7 +52,7 @@ export function useSidebar() {
     return (
       frontmatter.value.sidebar !== false &&
       sidebar.value.length > 0 &&
-      frontmatter.value.layout !== 'home'
+      !frontmatter.value.isHomeLayout
     )
   })
 
@@ -65,7 +65,7 @@ export function useSidebar() {
   })
 
   const hasAside = computed(() => {
-    if (frontmatter.value.layout === 'home') return false
+    if (frontmatter.value.isHomeLayout) return false
     if (frontmatter.value.aside != null) return !!frontmatter.value.aside
     return theme.value.aside !== false
   })