From 05bf6907359468db20c02c94cf803f4fba3d9269 Mon Sep 17 00:00:00 2001 From: NataliaTepluhina Date: Sat, 12 Feb 2022 07:59:35 +0100 Subject: [PATCH 1/2] feat: added scoped slots diagram --- src/guide/components/images/scoped-slots.svg | 33 ++++++++++++++++++++ src/guide/components/slots.md | 4 +++ 2 files changed, 37 insertions(+) create mode 100644 src/guide/components/images/scoped-slots.svg diff --git a/src/guide/components/images/scoped-slots.svg b/src/guide/components/images/scoped-slots.svg new file mode 100644 index 0000000000..e87891d9d7 --- /dev/null +++ b/src/guide/components/images/scoped-slots.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/guide/components/slots.md b/src/guide/components/slots.md index d31e241fb0..b9869d92a6 100644 --- a/src/guide/components/slots.md +++ b/src/guide/components/slots.md @@ -342,6 +342,10 @@ Receiving the slot props is a bit different when using a single default slot vs. ``` +![scoped slots diagram](./images/scoped-slots.svg) + + +
[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBNeUNvbXBvbmVudCBmcm9tICcuL015Q29tcG9uZW50LnZ1ZSdcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxNeUNvbXBvbmVudCB2LXNsb3Q9XCJzbG90UHJvcHNcIj5cbiAgXHR7eyBzbG90UHJvcHMudGV4dCB9fSB7eyBzbG90UHJvcHMuY291bnQgfX1cbiAgPC9NeUNvbXBvbmVudD5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIk15Q29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5jb25zdCBncmVldGluZ01lc3NhZ2UgPSAnaGVsbG8nXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2PlxuICBcdDxzbG90IDp0ZXh0PVwiZ3JlZXRpbmdNZXNzYWdlXCIgOmNvdW50PVwiMVwiPjwvc2xvdD5cblx0PC9kaXY+XG48L3RlbXBsYXRlPiJ9) From 3e56a0533a2ea5963af7f4aeb07a9a5df0d61c08 Mon Sep 17 00:00:00 2001 From: NataliaTepluhina Date: Tue, 15 Feb 2022 10:09:49 +0100 Subject: [PATCH 2/2] fix: simplified a diagram --- src/guide/components/images/scoped-slots.svg | 48 +++++++++----------- 1 file changed, 22 insertions(+), 26 deletions(-) diff --git a/src/guide/components/images/scoped-slots.svg b/src/guide/components/images/scoped-slots.svg index e87891d9d7..d965bc440b 100644 --- a/src/guide/components/images/scoped-slots.svg +++ b/src/guide/components/images/scoped-slots.svg @@ -1,33 +1,29 @@ - + - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + - +