update nf_lang docs

docs/guide/i18n.md

@@ -75,23 +75,37 @@ However, VitePress won't redirect `/` to `/en/` by default. You'll need to confi
 /*  /en/:splat  302
 ```
 
-**Pro tip:** If using the above approach, you can use `nf_lang` cookie to persist user's language choice. A very basic way to do this is register a watcher inside the [setup](./custom-theme#using-a-custom-theme) function of custom theme:
+**Pro tip:** If using the above approach, you can use `nf_lang` cookie to persist user's language choice:
 
 ```ts
 // docs/.vitepress/theme/index.ts
 import DefaultTheme from 'vitepress/theme'
+import Layout from './Layout.vue'
 
 export default {
   extends: DefaultTheme,
-  setup() {
+  Layout
+}
+```
+
+```vue
+<!-- docs/.vitepress/theme/Layout.vue -->
+<script setup lang="ts">
+import DefaultTheme from 'vitepress/theme'
+import { useData } from 'vitepress'
+import { watchEffect } from 'vue'
+
 const { lang } = useData()
 watchEffect(() => {
   if (inBrowser) {
-        document.cookie = `nf_lang=${lang.value}; expires=Mon, 1 Jan 2024 00:00:00 UTC; path=/`
+    document.cookie = `nf_lang=${lang.value}; expires=Mon, 1 Jan 2030 00:00:00 UTC; path=/`
   }
 })
-  }
+</script>
-}
+
+<template>
+  <DefaultTheme.Layout />
+</template>
 ```
 
 ## RTL Support (Experimental)

docs/zh/guide/i18n.md

@@ -75,23 +75,37 @@ docs/
 /*  /en/:splat  302
 ```
 
-**提示：** 如果使用上述的方法，可以使用`nf_lang` cookie 来保存用户的语言选择。一个非常基础的方法是通过在自定义主题的 [setup](./custom-theme#using-a-custom-theme) 函数中注册一个监听器：
+**提示：** 如果使用上述的方法，可以使用`nf_lang` cookie 来保存用户的语言选择。例如，可以在主题中添加以下代码：
 
 ```ts
 // docs/.vitepress/theme/index.ts
 import DefaultTheme from 'vitepress/theme'
+import Layout from './Layout.vue'
 
 export default {
   extends: DefaultTheme,
-  setup() {
+  Layout
+}
+```
+
+```vue
+<!-- docs/.vitepress/theme/Layout.vue -->
+<script setup lang="ts">
+import DefaultTheme from 'vitepress/theme'
+import { useData } from 'vitepress'
+import { watchEffect } from 'vue'
+
 const { lang } = useData()
 watchEffect(() => {
   if (inBrowser) {
-        document.cookie = `nf_lang=${lang.value}; expires=Mon, 1 Jan 2024 00:00:00 UTC; path=/`
+    document.cookie = `nf_lang=${lang.value}; expires=Mon, 1 Jan 2030 00:00:00 UTC; path=/`
   }
 })
-  }
+</script>
-}
+
+<template>
+  <DefaultTheme.Layout />
+</template>
 ```
 
 ## RTL 支持 (实验性功能) {#rtl-support-experimental}