Translate: Migration Guide > Migration > Custom Elements Interop #155
Conversation
| @@ -3,41 +3,41 @@ badges: | |||
| - breaking | |||
| --- | |||
|
|
|||
| # Custom Elements Interop changes <MigrationBadges :badges="$frontmatter.badges" /> | |||
There was a problem hiding this comment.
📝
このバージョンではchangesがついてるのですが、本家ではchangesが抜けていたのでそちらに合わせています。
|
|
||
| # Overview | ||
| ## 概要 |
There was a problem hiding this comment.
|
Deploy preview for vuejs-v3-ja-doc-preview ready! Built with commit 025d359 https://deploy-preview-155--vuejs-v3-ja-doc-preview.netlify.app |
kawamataryo
force-pushed
the
translate-custome-elements-interop
branch
from
5785c98
to
95e3f85
Compare
kawamataryo
force-pushed
the
translate-custome-elements-interop
branch
from
95e3f85
to
c04e9df
Compare
|
|
||
| ```html | ||
| <plastic-button></plastic-button> | ||
| ``` | ||
|
|
||
| ### 2.x Syntax | ||
| ### 2.x 構文 |
There was a problem hiding this comment.
| ### 2.x 構文 | |
| ## 2.x での構文 |
ここ申し訳ないのですが、 での構文 で統一させてほしいです！
|
|
||
| Vue.config.ignoredElements = ['plastic-button'] | ||
| ``` | ||
|
|
||
| ### 3.x Syntax | ||
| ### 3.x 構文 |
There was a problem hiding this comment.
| ### 3.x 構文 | |
| ## 3.x での構文 |
ここ申し訳ないのですが、 での構文 で統一させてほしいです！
|
|
||
| ```html | ||
| <table> | ||
| <tr is="blog-post-row"></tr> | ||
| </table> | ||
| ``` | ||
|
|
||
| ### 3.x Syntax | ||
| ### 3.x 構文 |
There was a problem hiding this comment.
| ### 3.x 構文 | |
| ## 3.x での構文 |
こちらも！
|
|
||
| If we want to add a custom element defined outside of Vue (e.g. using the Web Components API), we need to 'instruct' Vue to treat it as a custom element. Let's use the following template as an example. | ||
| Vue の外部で定義されたカスタム要素を追加したい場合（例: Web Components API の使用）、Vue にカスタム要素として扱うように「指示」する必要があります。以下のテンプレートを例にしてみましょう。 |
There was a problem hiding this comment.
| Vue の外部で定義されたカスタム要素を追加したい場合（例: Web Components API の使用）、Vue にカスタム要素として扱うように「指示」する必要があります。以下のテンプレートを例にしてみましょう。 | |
| Vue の外部で定義されたカスタム要素を追加したい場合（例えば Web Components API の使用）、Vue にカスタム要素として扱うように「指示」する必要があります。以下のテンプレートを例にしてみましょう。 |
e.g. ですが、例も例えばも正しい訳となるので、この場合文章の中に入っていることから例えばで良いかなと！
| @@ -52,68 +52,68 @@ Vue.config.ignoredElements = ['plastic-button'] | |||
| ] | |||
| ``` | |||
|
|
|||
| - If using on-the-fly template compilation, pass it via `app.config.isCustomElement`: | |||
| - オンザフライでテンプレートをコンパイルする場合は、`app.config.isCustomElement`で設定します。 | |||
There was a problem hiding this comment.
on-the-fly 、「その場」とか「直接」の訳でどうでしょうか。
特に何の準備もなく処理することだと思うので。
There was a problem hiding this comment.
コメントありがとうございますー。
ですね、この場合下処理なしの実行時処理なので、意味としては直接・その場で良いかなーとは思っています。
ちょっと質問の仕方が悪くて申し訳ないのですが、和訳するorカタカナ語とするのどちらが良いかなという意図でした。
There was a problem hiding this comment.
和訳するorカタカナ語とするのどちらが良いかなという意図でした。
ああー、なるほど。
そうですね。これは折角なので和訳しましょう。カタカナ語だと、さらにわからなくなりそうだと思うので。
There was a problem hiding this comment.
ありがとうございます 🙏
以下で対応しました!
|
|
||
| ```html | ||
| <!-- Incorrect, nothing will be rendered --> | ||
| <!-- 間違い, 何もレンダリングされません --> |
There was a problem hiding this comment.
一語一訳だと微妙に分かりづらいので多少意訳が入っても良いかもしれないですね
Description of Problem
resolve #111
Proposed Solution
https://github.com/vuejs-jp/ja.vuejs.org/blob/lang-ja/src/guide/migration/custom-elements-interop.md を翻訳