diff --git a/packages/theme/src/client/components/LayoutContent.vue b/packages/theme/src/client/components/LayoutContent.vue
index 84800973..52b3633f 100644
--- a/packages/theme/src/client/components/LayoutContent.vue
+++ b/packages/theme/src/client/components/LayoutContent.vue
@@ -1,9 +1,11 @@
 <script lang="ts" setup>
 import { useSidebar } from '../composables/index.js'
 
-const { hasSidebar } = useSidebar()
-const props = defineProps(["isNotFound"])
+const props = defineProps<{
+  isNotFound?: boolean
+}>()
 
+const { hasSidebar } = useSidebar()
 </script>
 <template>
   <div
diff --git a/packages/theme/src/client/layouts/NotFound.vue b/packages/theme/src/client/layouts/NotFound.vue
index 9db417b2..1eda2a7a 100644
--- a/packages/theme/src/client/layouts/NotFound.vue
+++ b/packages/theme/src/client/layouts/NotFound.vue
@@ -3,13 +3,14 @@ import { withBase } from '@vuepress/client'
 import { ref } from 'vue'
 import LayoutContent from '../components/LayoutContent.vue'
 import Nav from '../components/Nav/index.vue'
+
 const root = ref('/')
 </script>
 
 <template>
   <div class="theme-plume">
     <Nav />
-    <LayoutContent :isNotFound="true">
+    <LayoutContent is-not-found>
       <div class="not-found">
         <p class="code">404</p>
         <h1 class="title">PAGE NOT FOUND</h1>