diff --git a/theme/src/client/layouts/NotFound.vue b/theme/src/client/layouts/NotFound.vue
index 0be90c63..892794e3 100644
--- a/theme/src/client/layouts/NotFound.vue
+++ b/theme/src/client/layouts/NotFound.vue
@@ -1,11 +1,10 @@
 <script setup lang="ts">
-import { withBase } from '@vuepress/client'
-import { ref } from 'vue'
+import { useRouteLocale, withBase } from '@vuepress/client'
 import LayoutContent from '../components/LayoutContent.vue'
 import Nav from '../components/Nav/index.vue'
 import { useThemeLocaleData } from '../composables'
 
-const root = ref('/')
+const root = useRouteLocale()
 const themeData = useThemeLocaleData()
 </script>