Vue generators produce invalid names for scoped slots
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 38/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- typescript
- 領域
- frontend
調査の方向性
yarn test-gen を実行し、生成された {quasar|vuetify|vue}/components/[foo]/[FooList].vue コンポーネントを調査します。API プロパティ名が名前付きスコープ付きスロットになる仕組みを、特に '/' を含むプロパティについて追跡し、生成された Vue スロット名が有効でありながら実際の API プロパティにも一致していることを確認します。生成されたコンポーネントで Illegal '/' エラーが発生しなくなり、ジェネレーターのテストが成功すれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Description
Vue generators produce invalid names for scoped slots
For example:
<template #item.admin/books="{ item }">
<template v-if="router.hasRoute('BookShow')">
<router-link
v-for="book in item.raw.admin/books"
:to="{ name: 'BookShow', params: { id: book['@id'] } }"
:key="book['@id']"
>
{{ book["@id"] }}
<br />
</router-link>
</template>
It show this error: Illegal '/' in tags.vue(22)
How to reproduce
Run the yarn test-gen command and look at the {quasar|vuetify|vue}/components/[foo]/[FooList].vue components
Possible Solution
The named scoped slots use the property names inside the table components to create the table cells and columns.
If we replace the slash with another character, we should make sure the slot name match the real property name from the API.
We need to check how the properties received from the API are named.
Another solution, maybe, would be to use variable for slot names.
But that would mean receiving them as props or declaring them in the script section, but it's not ideal.
Do you have an idea @dunglas ?
- 主要言語
- TypeScript
- スター
- 376
- フォーク
- 133
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
api-platform/create-client のほかの issue
-
[potential Security Alert] New `test-vue-app` script added in `@api-platform/[email protected]`オープン
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
api-platform/create-client#396 ·
-
[potential Security Alert] New `test-nuxt-app` script added in `@api-platform/[email protected]`オープン
難易度 4/5 3〜5日 初心者へのやさしさ 38/100
api-platform/create-client#397 ·
-
[potential Security Alert] New `test-next-app` script added in `@api-platform/[email protected]`オープン
難易度 3/5 1〜2日 初心者へのやさしさ 45/100
api-platform/create-client#395 ·
-
[potential Security Alert] New `test-react-app` script added in `@api-platform/[email protected]`オープン
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
api-platform/create-client#394 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 25/100
api-platform/create-client#393 · コメント 1 件 ·
api-platform/create-client の issue をすべて見る
似ている issue
-
Add: VIVE TVオープンapproved check:passed streams:add
難易度 1/5 1時間未満 初心者へのやさしさ 72/100
iptv-org/iptv#55293 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
bug needs-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
Fission-AI/OpenSpec#2084 ·
メンテナーはふだん 2 日以内に返信
-
Contrib indemnité de départ à la retraite : faire le pont avec le simulateur sur la page génériqueオープンP1
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
SocialGouv/code-du-travail-numerique#7561 ·
メンテナーはふだん 1 日以内に返信
-
beginner bug
難易度 1/5 1時間未満 初心者へのやさしさ 88/100
hiero-ledger/hiero-sdk-js#4517 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
kubernetes-sigs/headlamp#7950 ·
メンテナーはふだん 3 日以内に返信