From 1b5e896db680ef813922f1c1106d698c69480258 Mon Sep 17 00:00:00 2001 From: Godpu Date: Sun, 23 Feb 2025 20:50:51 +0800 Subject: [PATCH 1/2] docs: replace the NOTE block in web-components.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit -原仓库，非法的格式导致中文库无法通过 [zhlint action](https://github.com/vuejs-translations/docs-zh-cn/actions/runs/13483034882/job/37670671309) 后续将同步到英文库，该问题由 #1063 带入。 --- src/guide/extras/web-components.md | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/src/guide/extras/web-components.md b/src/guide/extras/web-components.md index a15288521..bc72d67ec 100644 --- a/src/guide/extras/web-components.md +++ b/src/guide/extras/web-components.md @@ -306,10 +306,11 @@ declare module 'vue' { 以下是在非 Vue 构建的自定义元素的 SFC 模板中启用类型检查的推荐方法。 -> [!Note] -> 这种方法是实现该功能的一种可能方式 -> 但具体实现可能因创建自定义元素所用的框架而异。 - +:::tip 注意 +这种方法是实现该功能的一种可能方式 +但具体实现可能因创建自定义元素所用的框架而异。 +::: +> 假设我们有一个自定义元素，其中定义了一些 JS 属性和事件，并且它发布在名为 `some-lib` 的库中： ```ts @@ -389,12 +390,13 @@ type VueEmit = EmitFn<{ }> ``` -> [!Note] -> 我们将 `$props` 和 `$emit` 标记为已弃用， -> 以便当我们获取自定义元素的 `ref` 时，我们不会被诱导使用这些属性， -> 因为这些属性在自定义元素的情况下仅用于类型检查。 -> 这些属性实际上并不存在于自定义元素实例上。 - +:::tip 注意 +我们将 `$props` 和 `$emit` 标记为已弃用， +以便当我们获取自定义元素的 `ref` 时，我们不会被诱导使用这些属性， +因为这些属性在自定义元素的情况下仅用于类型检查。 +这些属性实际上并不存在于自定义元素实例上。 +::: +> 使用类型助手，我们现在可以选择在 Vue 模板中应暴露的 JS 属性进行类型检查： From d8604ca35a68ad511d70229ba22d6690f848156a Mon Sep 17 00:00:00 2001 From: Godpu Date: Sun, 23 Feb 2025 20:58:39 +0800 Subject: [PATCH 2/2] Update web-components.md format TIP block --- src/guide/extras/web-components.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/guide/extras/web-components.md b/src/guide/extras/web-components.md index bc72d67ec..21342dec3 100644 --- a/src/guide/extras/web-components.md +++ b/src/guide/extras/web-components.md @@ -307,10 +307,10 @@ declare module 'vue' { 以下是在非 Vue 构建的自定义元素的 SFC 模板中启用类型检查的推荐方法。 :::tip 注意 -这种方法是实现该功能的一种可能方式 -但具体实现可能因创建自定义元素所用的框架而异。 +- 这种方法是实现该功能的一种可能方式 +- 但具体实现可能因创建自定义元素所用的框架而异。 ::: -> + 假设我们有一个自定义元素，其中定义了一些 JS 属性和事件，并且它发布在名为 `some-lib` 的库中： ```ts @@ -391,12 +391,12 @@ type VueEmit = EmitFn<{ ``` :::tip 注意 -我们将 `$props` 和 `$emit` 标记为已弃用， -以便当我们获取自定义元素的 `ref` 时，我们不会被诱导使用这些属性， -因为这些属性在自定义元素的情况下仅用于类型检查。 -这些属性实际上并不存在于自定义元素实例上。 +- 我们将 `$props` 和 `$emit` 标记为已弃用， +- 以便当我们获取自定义元素的 `ref` 时，我们不会被诱导使用这些属性， +- 因为这些属性在自定义元素的情况下仅用于类型检查。 +- 这些属性实际上并不存在于自定义元素实例上。 ::: -> + 使用类型助手，我们现在可以选择在 Vue 模板中应暴露的 JS 属性进行类型检查：