From af97497d2777f79bf64db7d620cef485fe1b801c Mon Sep 17 00:00:00 2001
From: guoxk <gxk1744413631@163.com>
Date: Fri, 21 Nov 2025 10:14:58 +0800
Subject: [PATCH 1/3] docs: fix passing data test example

---
 docs/fr/guide/essentials/passing-data.md | 4 ++--
 docs/guide/essentials/passing-data.md    | 2 +-
 docs/zh/guide/essentials/passing-data.md | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/fr/guide/essentials/passing-data.md b/docs/fr/guide/essentials/passing-data.md
index b003be2c1..f63bc719d 100644
--- a/docs/fr/guide/essentials/passing-data.md
+++ b/docs/fr/guide/essentials/passing-data.md
@@ -30,7 +30,7 @@ Nous voulons réutiliser ce composant dans tous nos projets, chacun ayant des ex
 
 Nous allons afficher une erreur si `password` est inférieur à `minLength`. Nous pouvons le faire en créant une `computed` nommée `error` et en la rendant de manière conditionnelle à l'aide de `v-if`&nbsp;:
 
-```js
+```vue
 <!-- Password.vue -->
 <script setup>
 import { ref, computed } from 'vue'
@@ -44,7 +44,7 @@ const error = computed(() => {
   }
   return
 })
-<script>
+</script>
 
 <template>
   <div>
diff --git a/docs/guide/essentials/passing-data.md b/docs/guide/essentials/passing-data.md
index 9a3a06cd2..0374da436 100644
--- a/docs/guide/essentials/passing-data.md
+++ b/docs/guide/essentials/passing-data.md
@@ -44,7 +44,7 @@ const error = computed(() => {
   }
   return
 })
-<script>
+</script>
 
 <template>
   <div>
diff --git a/docs/zh/guide/essentials/passing-data.md b/docs/zh/guide/essentials/passing-data.md
index 09337ff15..f7e18fd18 100644
--- a/docs/zh/guide/essentials/passing-data.md
+++ b/docs/zh/guide/essentials/passing-data.md
@@ -40,11 +40,11 @@ const password = ref('')
 
 const error = computed(() => {
   if (password.value.length < props.minLength) {
-    return `Password must be at least ${props.minLength} characters.`
+    return `密码必须至少包含 ${props.minLength} 个字符。`
   }
   return
 })
-<script>
+</script>
 
 <template>
   <div>
@@ -69,7 +69,7 @@ test('renders an error if length is too short', () => {
     }
   })
 
-  expect(wrapper.html()).toContain('密码必须至少包含 10 个字符')
+  expect(wrapper.html()).toContain('密码必须至少包含 10 个字符。')
 })
 ```
 

From a1ef3a1ac806d41c11245240780e56da35ed4d56 Mon Sep 17 00:00:00 2001
From: guoxk <gxk1744413631@163.com>
Date: Fri, 21 Nov 2025 10:21:40 +0800
Subject: [PATCH 2/3] docs: remove "Using data" section from conditional
 rendering guide

---
 .../guide/essentials/conditional-rendering.md | 25 ------------------
 .../guide/essentials/conditional-rendering.md | 26 -------------------
 .../guide/essentials/conditional-rendering.md | 25 ------------------
 3 files changed, 76 deletions(-)

diff --git a/docs/fr/guide/essentials/conditional-rendering.md b/docs/fr/guide/essentials/conditional-rendering.md
index 5b7411c77..cc8d58e69 100644
--- a/docs/fr/guide/essentials/conditional-rendering.md
+++ b/docs/fr/guide/essentials/conditional-rendering.md
@@ -68,31 +68,6 @@ test('n\'affiche pas le lien admin', () => {
 
 Remarquez que nous appelons `exists()` sur la valeur retournée par `.find()`. `find()`, comme `mount()`, retourne également un `wrapper`. `mount()` a quelques méthodes supplémentaires, car il enveloppe un composant Vue, et `find()` ne retourne qu'un nœud DOM standard, mais de nombreuses méthodes sont partagées entre les deux. D'autres méthodes incluent `classes()` qui retournera les classes qu'un nœud DOM a, ou encore `trigger()`, qui simulera une interaction utilisateur. Vous pouvez trouver une liste des méthodes prises en charge [ici](../../api/#Methodes-de-Wrapper).
 
-## Utilisation de `data`
-
-Le dernier test consiste à vérifier que le lien admin est rendu lorsque `admin` est à `true`. Il est par défaut à `false`, mais nous pouvons le surcharger en utilisant le deuxième argument de `mount()`. Les options de cette fonction sont [`disponibles ici`](../../api/#mount-options).
-
-Pour `data`, nous utilisons l'option éponyme&nbsp;:
-
-```js
-test('affiche le lien admin', () => {
-  const wrapper = mount(Nav, {
-    data() {
-      return {
-        admin: true,
-      };
-    },
-  });
-
-  // Encore une fois, en utilisant `get()` nous vérifions implicitement que l'élément existe
-  expect(wrapper.get('#admin').text()).toEqual('Administration');
-});
-```
-
-Si vous avez d'autres propriétés dans `data`, ne vous inquiétez pas - Vue Test Utils fusionnera les deux ensemble. Le champ `data` dans les options de `mount()` aura la priorité sur toutes les valeurs par défaut.
-
-Pour découvrir quelles sont les autres options de `mount()`, consultez [`Passer des données aux Composants`](../essentials/passing-data.md) ou consultez les [`options de mount()`](../../api/#mount-options).
-
 ## Vérifier la visibilité des Éléments
 
 Parfois, vous ne voulez que masquer/afficher un élément tout en le conservant dans le DOM. Vue propose `v-show` pour des scénarios de ce genre. (Vous retrouverez les différences entre `v-if` et `v-show` [ici](https://v3.vuejs.org/guide/conditional.html#v-if-vs-v-show)).
diff --git a/docs/guide/essentials/conditional-rendering.md b/docs/guide/essentials/conditional-rendering.md
index c1a1a0dba..9512fd21f 100644
--- a/docs/guide/essentials/conditional-rendering.md
+++ b/docs/guide/essentials/conditional-rendering.md
@@ -69,32 +69,6 @@ test('does not render an admin link', () => {
 
 Notice we are calling `exists()` on the value returned from `.find()`. `find()`, like `mount()`, also returns a `wrapper`. `mount()` has a few extra methods, because it's wrapping a Vue component, and `find()` only returns a regular DOM node, but many of the methods are shared between both. Some other methods include `classes()`, which gets the classes a DOM node has, and `trigger()` for simulating user interaction. You can find a list of methods supported [here](../../api/#Wrapper-methods).
 
-## Using `data`
-
-The final test is to assert that the admin link is rendered when `admin` is `true`. It's `false` by default, but we can override that using the second argument to `mount()`, the [`mounting options`](../../api/#mount).
-
-For `data`, we use the aptly named `data` option:
-
-```js
-test('renders an admin link', () => {
-  const wrapper = mount(Nav, {
-    data() {
-      return {
-        admin: true
-      }
-    }
-  })
-
-  // Again, by using `get()` we are implicitly asserting that
-  // the element exists.
-  expect(wrapper.get('#admin').text()).toEqual('Admin')
-})
-```
-
-If you have other properties in `data`, don't worry - Vue Test Utils will merge the two together. The `data` in the mounting options will take priority over any default values.
-
-To learn what other mounting options exist, see [`Passing Data`](../essentials/passing-data.md) or see [`mounting options`](../../api/#mount).
-
 ## Checking Elements visibility
 
 Sometimes you only want to hide/show an element while keeping it in the DOM. Vue offers `v-show` for scenarios as such. (You can check the differences between `v-if` and `v-show` [here](https://v3.vuejs.org/guide/conditional.html#v-if-vs-v-show)).
diff --git a/docs/zh/guide/essentials/conditional-rendering.md b/docs/zh/guide/essentials/conditional-rendering.md
index 39bfb9c10..0162fd9c4 100644
--- a/docs/zh/guide/essentials/conditional-rendering.md
+++ b/docs/zh/guide/essentials/conditional-rendering.md
@@ -68,31 +68,6 @@ test('does not render an admin link', () => {
 
 请注意，我们在 `.find()` 返回的值上调用了 `exists()`。`find()` 和 `mount()` 一样，也会返回一个 `wrapper`。`mount()` 有一些额外的方法，因为它包装的是 Vue 组件，而 `find()` 只返回普通的 DOM 节点，但它们之间有许多共享的方法。其他方法还包括 `classes()`，用于获取 DOM 节点的 class 属性，以及用于模拟用户交互的 `trigger()`。你可以在[这里](../../api/#Wrapper-methods)找到支持的方法列表。
 
-## 使用 `data`
-
-最后一个测试是断言当 `admin` 为 `true` 时，会渲染 admin 链接。它的默认值是 `false`，但我们可以使用 `mount()` 的第二个参数，即[挂载选项](../../api/#mount)来覆盖它。
-
-对于 `data`，我们使用恰如其名的 `data` 选项：
-
-```js
-test('renders an admin link', () => {
-  const wrapper = mount(Nav, {
-    data() {
-      return {
-        admin: true
-      }
-    }
-  })
-
-  // 同样，使用 `get()` 时我们隐式地断言了元素存在。
-  expect(wrapper.get('#admin').text()).toEqual('Admin')
-})
-```
-
-如果你在 `data` 中还有其他属性，不用担心，Vue Test Utils 会将两者合并。挂载选项中的 `data` 会优先于任何默认值。
-
-要了解其他挂载选项，请参见[传递数据](../essentials/passing-data.md)或[挂载选项](../../api/#mount)。
-
 ## 检查元素可见性
 
 有时你可能只想隐藏/显示一个元素，同时将其保留在 DOM 中。Vue 为这种场景提供了 `v-show` 指令。(你可以在[这里](https://cn.vuejs.org/guide/essentials/conditional.html#v-if-vs-v-show)查阅 `v-if` 和 `v-show` 的区别。)

From a63a54a0f1cbbd158ad57eacb20ac127a130af8c Mon Sep 17 00:00:00 2001
From: guoxk <gxk1744413631@163.com>
Date: Sat, 22 Nov 2025 10:31:35 +0800
Subject: [PATCH 3/3] docs: remove "Using data" section from conditional
 rendering guide

---
 .../guide/essentials/conditional-rendering.md | 23 +++++++++----------
 .../guide/essentials/conditional-rendering.md |  1 -
 .../guide/essentials/conditional-rendering.md |  1 -
 3 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/docs/fr/guide/essentials/conditional-rendering.md b/docs/fr/guide/essentials/conditional-rendering.md
index cc8d58e69..c488db4e0 100644
--- a/docs/fr/guide/essentials/conditional-rendering.md
+++ b/docs/fr/guide/essentials/conditional-rendering.md
@@ -38,13 +38,13 @@ Nous pouvons vérifier le contenu du lien de profil en utilisant `get()`&nbsp;:
 
 ```js
 test('affiche le lien du profil', () => {
-  const wrapper = mount(Nav);
+  const wrapper = mount(Nav)
 
   // Ici, nous vérifions implicitement que l'élément #profile existe.
-  const profileLink = wrapper.get('#profile');
+  const profileLink = wrapper.get('#profile')
 
-  expect(profileLink.text()).toEqual('Mon Profil');
-});
+  expect(profileLink.text()).toEqual('Mon Profil')
+})
 ```
 
 Si `get()` ne retourne pas un élément correspondant au sélecteur, il enverra une erreur et votre test échouera. `get()` retourne un `DOMWrapper` si un élément est trouvé. Un `DOMWrapper` est une fine enveloppe autour de l'élément DOM qui implémente l'[API Wrapper](/fr/api/#Methodes-de-Wrapper) - c'est pourquoi nous pouvons exécuter `profileLink.text()` et accéder au texte. Vous pouvez accéder à l'élément brut en utilisant la propriété `element`.
@@ -58,12 +58,12 @@ Il existe un autre type d'enveloppe - un `VueWrapper` - qui est retourné par [`
 Pour ce faire, nous utilisons plutôt `find()` et `exists()`. Le prochain test vérifie que si `admin` est `false` (ce qui est par défaut), le lien administrateur ne sera pas présent&nbsp;:
 
 ```js
-test('n\'affiche pas le lien admin', () => {
-  const wrapper = mount(Nav);
+test("n'affiche pas le lien admin", () => {
+  const wrapper = mount(Nav)
 
   // Utiliser `wrapper.get` renverrait une erreur et ferait échouer le test.
-  expect(wrapper.find('#admin').exists()).toBe(false);
-});
+  expect(wrapper.find('#admin').exists()).toBe(false)
+})
 ```
 
 Remarquez que nous appelons `exists()` sur la valeur retournée par `.find()`. `find()`, comme `mount()`, retourne également un `wrapper`. `mount()` a quelques méthodes supplémentaires, car il enveloppe un composant Vue, et `find()` ne retourne qu'un nœud DOM standard, mais de nombreuses méthodes sont partagées entre les deux. D'autres méthodes incluent `classes()` qui retournera les classes qu'un nœud DOM a, ou encore `trigger()`, qui simulera une interaction utilisateur. Vous pouvez trouver une liste des méthodes prises en charge [ici](../../api/#Methodes-de-Wrapper).
@@ -108,15 +108,14 @@ Les tests pour les scénarios utilisant `v-show` ressembleront à ceci&nbsp;:
 
 ```js
 test("n'affiche pas le menu déroulant de l'utilisateur", () => {
-  const wrapper = mount(Nav);
+  const wrapper = mount(Nav)
 
-  expect(wrapper.get('#user-dropdown').isVisible()).toBe(false);
-});
+  expect(wrapper.get('#user-dropdown').isVisible()).toBe(false)
+})
 ```
 
 ## Conclusion
 
 - Utilisez `find()` avec `exists()` pour vérifier si un élément est dans le DOM.
 - Utilisez `get()` si vous vous attendez à ce que l'élément soit dans le DOM.
-- L'option de `mount()` `data` peut être utilisée pour définir des valeurs par défaut sur un composant.
 - Utilisez `get()` avec `isVisible()` pour vérifier la visibilité d'un élément qui est dans le DOM.
diff --git a/docs/guide/essentials/conditional-rendering.md b/docs/guide/essentials/conditional-rendering.md
index 9512fd21f..47c0e8285 100644
--- a/docs/guide/essentials/conditional-rendering.md
+++ b/docs/guide/essentials/conditional-rendering.md
@@ -119,5 +119,4 @@ test('does not show the user dropdown', () => {
 
 - Use `find()` along with `exists()` to verify whether an element is in the DOM.
 - Use `get()` if you expect the element to be in the DOM.
-- The `data` mounting option can be used to set default values on a component.
 - Use `get()` with `isVisible()` to verify the visibility of an element that is in the DOM
diff --git a/docs/zh/guide/essentials/conditional-rendering.md b/docs/zh/guide/essentials/conditional-rendering.md
index 0162fd9c4..70bd5c8e7 100644
--- a/docs/zh/guide/essentials/conditional-rendering.md
+++ b/docs/zh/guide/essentials/conditional-rendering.md
@@ -118,5 +118,4 @@ test('does not show the user dropdown', () => {
 
 - 使用 `find()` 结合 `exists()` 验证元素是否在于 DOM 中。
 - 如果你确认元素存在于 DOM 中，就使用 `get()`。
-- 可以使用 `data` 挂载选项设置组件的默认值。
 - 使用 `get()` 和 `isVisible()` 验证在 DOM 中元素的可见性。