From fa589fd78fc9e1a9fa8704f84215bc864aae0b5d Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Mon, 13 May 2024 12:19:13 +0100 Subject: [PATCH] Update Vue roadmap --- .../content/101-advanced-topics/102-toref.md | 9 + .../vue/content/102-ecosystem/107-jest.md | 8 - .../vue/content/102-ecosystem/107-vitest.md | 9 + src/data/roadmaps/vue/vue.json | 922 +++++------------- 4 files changed, 248 insertions(+), 700 deletions(-) create mode 100644 src/data/roadmaps/vue/content/101-advanced-topics/102-toref.md delete mode 100644 src/data/roadmaps/vue/content/102-ecosystem/107-jest.md create mode 100644 src/data/roadmaps/vue/content/102-ecosystem/107-vitest.md diff --git a/src/data/roadmaps/vue/content/101-advanced-topics/102-toref.md b/src/data/roadmaps/vue/content/101-advanced-topics/102-toref.md new file mode 100644 index 000000000..f1a5f86f3 --- /dev/null +++ b/src/data/roadmaps/vue/content/101-advanced-topics/102-toref.md @@ -0,0 +1,9 @@ +# toRef + +`toRef` just like `toRefs` converts a reactive object to a ref pointing to the corresponding property of the original object. The difference is that `toRef` converts a single property of the reactive object to a ref, while `toRefs` converts all properties of the reactive object to refs. + + +Visit the following resources to learn more: + +- [Reactivity API — toRef](https://vuejs.org/api/reactivity-utilities.html#toref) +- [Vue 3: Reactivity Made Easy (ref, reactive, toRefs... oh my!)](https://www.youtube.com/watch?v=sAj6tdVS2cA) diff --git a/src/data/roadmaps/vue/content/102-ecosystem/107-jest.md b/src/data/roadmaps/vue/content/102-ecosystem/107-jest.md deleted file mode 100644 index bd5f9df0e..000000000 --- a/src/data/roadmaps/vue/content/102-ecosystem/107-jest.md +++ /dev/null @@ -1,8 +0,0 @@ -# Jest - -Jest is a delightful JavaScript Testing Framework with a focus on simplicity. -It works with projects using: Babel, TypeScript, Node, React, Angular, Vue and more! - -Visit the following resources to learn more: - -- [Jest Website](https://jestjs.io/) diff --git a/src/data/roadmaps/vue/content/102-ecosystem/107-vitest.md b/src/data/roadmaps/vue/content/102-ecosystem/107-vitest.md new file mode 100644 index 000000000..c51601c34 --- /dev/null +++ b/src/data/roadmaps/vue/content/102-ecosystem/107-vitest.md @@ -0,0 +1,9 @@ +# Vitest + +Vitest is a fast Vite-native unit test framework with out-of-box ESM and TypeScript support. +Works on React, Vue, Svelte and more projects created with Vite + +Visit the following resources to learn more: + +- [Vitest Website](https://vitest.dev/) +- [Testing with Vitest](https://www.youtube.com/watch?v=cM_AeQHzlGg) diff --git a/src/data/roadmaps/vue/vue.json b/src/data/roadmaps/vue/vue.json index 6e4b37cfc..586dcb67c 100644 --- a/src/data/roadmaps/vue/vue.json +++ b/src/data/roadmaps/vue/vue.json @@ -2,72 +2,10 @@ "mockup": { "controls": { "control": [ - { - "ID": "4687", - "typeID": "Arrow", - "zOrder": "1", - "w": "68", - "h": "186", - "measuredW": "150", - "measuredH": "100", - "x": "644", - "y": "756", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 50.465691110400144, - "y": 0.02406768000014381 - }, - "p1": { - "x": 0.6466153827592942, - "y": 0.2446732777297158 - }, - "p2": { - "x": -0.3868808383998612, - "y": 186.0374229664002 - } - } - }, - { - "ID": "4688", - "typeID": "Arrow", - "zOrder": "2", - "w": "43", - "h": "129", - "measuredW": "150", - "measuredH": "100", - "x": "656", - "y": "762", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 27.61311916160014, - "y": 0.00939094720013145 - }, - "p1": { - "x": 0.6466153827592942, - "y": 0.2446732777297158 - }, - "p2": { - "x": -0.3428506399998241, - "y": 129.18485101760018 - } - } - }, { "ID": "4689", "typeID": "Arrow", - "zOrder": "3", + "zOrder": "4", "w": "78", "h": "51", "measuredW": "150", @@ -98,7 +36,7 @@ { "ID": "4690", "typeID": "Arrow", - "zOrder": "4", + "zOrder": "5", "w": "160", "h": "6", "measuredW": "150", @@ -129,7 +67,7 @@ { "ID": "4691", "typeID": "Arrow", - "zOrder": "5", + "zOrder": "6", "w": "86", "h": "3", "measuredW": "150", @@ -160,7 +98,7 @@ { "ID": "4692", "typeID": "Arrow", - "zOrder": "6", + "zOrder": "7", "w": "71", "h": "253", "measuredW": "150", @@ -191,7 +129,7 @@ { "ID": "4693", "typeID": "Arrow", - "zOrder": "7", + "zOrder": "8", "w": "76", "h": "3", "measuredW": "150", @@ -222,7 +160,7 @@ { "ID": "4694", "typeID": "Arrow", - "zOrder": "8", + "zOrder": "9", "w": "117", "h": "389", "measuredW": "150", @@ -253,7 +191,7 @@ { "ID": "4695", "typeID": "Arrow", - "zOrder": "9", + "zOrder": "10", "w": "58", "h": "115", "measuredW": "150", @@ -284,7 +222,7 @@ { "ID": "4696", "typeID": "Arrow", - "zOrder": "10", + "zOrder": "11", "w": "81", "h": "49", "measuredW": "150", @@ -315,7 +253,7 @@ { "ID": "4698", "typeID": "Arrow", - "zOrder": "11", + "zOrder": "12", "w": "81", "h": "3", "measuredW": "150", @@ -346,7 +284,7 @@ { "ID": "4699", "typeID": "Arrow", - "zOrder": "12", + "zOrder": "13", "w": "87", "h": "4", "measuredW": "150", @@ -377,7 +315,7 @@ { "ID": "4700", "typeID": "Arrow", - "zOrder": "13", + "zOrder": "14", "w": "78", "h": "4", "measuredW": "150", @@ -408,7 +346,7 @@ { "ID": "4701", "typeID": "Arrow", - "zOrder": "14", + "zOrder": "15", "w": "82", "h": "79", "measuredW": "150", @@ -439,7 +377,7 @@ { "ID": "4702", "typeID": "Arrow", - "zOrder": "15", + "zOrder": "16", "w": "1", "h": "78", "measuredW": "150", @@ -470,7 +408,7 @@ { "ID": "4704", "typeID": "Arrow", - "zOrder": "16", + "zOrder": "17", "w": "84", "h": "168", "measuredW": "150", @@ -498,37 +436,6 @@ } } }, - { - "ID": "4705", - "typeID": "Arrow", - "zOrder": "17", - "w": "176", - "h": "277", - "measuredW": "150", - "measuredH": "100", - "x": "832", - "y": "759", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 175.6104762688002, - "y": 276.71321339840017 - }, - "p1": { - "x": 0.3927933776984256, - "y": 0.0802629443272196 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, { "ID": "4706", "typeID": "Arrow", @@ -684,72 +591,10 @@ } } }, - { - "ID": "4711", - "typeID": "Arrow", - "zOrder": "23", - "w": "28", - "h": "77", - "measuredW": "150", - "measuredH": "100", - "x": "650", - "y": "761", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 25.730533024000124, - "y": 0.3769699904001982 - }, - "p1": { - "x": 0.7370475912096909, - "y": 0.23463818253699203 - }, - "p2": { - "x": 0.3042470496001215, - "y": 76.6558279136002 - } - } - }, - { - "ID": "4712", - "typeID": "Arrow", - "zOrder": "24", - "w": "222", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "376", - "y": "747", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 221.5, - "y": 0 - }, - "p1": { - "x": 0.4807871956156193, - "y": 0.004484025658591265 - }, - "p2": { - "x": -0.03199635839990833, - "y": 0 - } - } - }, { "ID": "4713", "typeID": "Arrow", - "zOrder": "25", + "zOrder": "23", "w": "74", "h": "104", "measuredW": "150", @@ -780,7 +625,7 @@ { "ID": "4714", "typeID": "Arrow", - "zOrder": "26", + "zOrder": "24", "w": "102", "h": "305", "measuredW": "150", @@ -810,7 +655,7 @@ { "ID": "4715", "typeID": "Arrow", - "zOrder": "27", + "zOrder": "25", "w": "155", "h": "220", "measuredW": "150", @@ -841,7 +686,7 @@ { "ID": "4716", "typeID": "Arrow", - "zOrder": "28", + "zOrder": "26", "w": "147", "h": "163", "measuredW": "150", @@ -872,7 +717,7 @@ { "ID": "4717", "typeID": "Arrow", - "zOrder": "29", + "zOrder": "27", "w": "142", "h": "113", "measuredW": "150", @@ -903,7 +748,7 @@ { "ID": "4718", "typeID": "Arrow", - "zOrder": "30", + "zOrder": "28", "w": "134", "h": "69", "measuredW": "150", @@ -934,7 +779,7 @@ { "ID": "4719", "typeID": "Arrow", - "zOrder": "31", + "zOrder": "29", "w": "145", "h": "17", "measuredW": "150", @@ -965,7 +810,7 @@ { "ID": "4720", "typeID": "Arrow", - "zOrder": "32", + "zOrder": "30", "w": "141", "h": "32", "measuredW": "150", @@ -996,7 +841,7 @@ { "ID": "4721", "typeID": "Arrow", - "zOrder": "33", + "zOrder": "31", "w": "153", "h": "89", "measuredW": "150", @@ -1027,7 +872,7 @@ { "ID": "4722", "typeID": "Arrow", - "zOrder": "34", + "zOrder": "32", "w": "66", "h": "29", "measuredW": "150", @@ -1058,7 +903,7 @@ { "ID": "4723", "typeID": "Arrow", - "zOrder": "35", + "zOrder": "33", "w": "79", "h": "13", "measuredW": "150", @@ -1089,7 +934,7 @@ { "ID": "4724", "typeID": "Arrow", - "zOrder": "36", + "zOrder": "34", "w": "96", "h": "88", "measuredW": "150", @@ -1120,7 +965,7 @@ { "ID": "4725", "typeID": "Arrow", - "zOrder": "37", + "zOrder": "35", "w": "88", "h": "33", "measuredW": "150", @@ -1151,7 +996,7 @@ { "ID": "4726", "typeID": "Arrow", - "zOrder": "38", + "zOrder": "36", "w": "91", "h": "17", "measuredW": "150", @@ -1182,7 +1027,7 @@ { "ID": "4727", "typeID": "Arrow", - "zOrder": "39", + "zOrder": "37", "w": "93", "h": "59", "measuredW": "150", @@ -1213,7 +1058,7 @@ { "ID": "4728", "typeID": "Arrow", - "zOrder": "40", + "zOrder": "38", "w": "45", "h": "106", "measuredW": "150", @@ -1242,7 +1087,7 @@ { "ID": "4729", "typeID": "Label", - "zOrder": "41", + "zOrder": "39", "measuredW": "74", "measuredH": "36", "x": "760", @@ -1255,7 +1100,7 @@ { "ID": "4730", "typeID": "Arrow", - "zOrder": "42", + "zOrder": "40", "w": "27", "measuredW": "150", "measuredH": "100", @@ -1284,7 +1129,7 @@ { "ID": "4731", "typeID": "Arrow", - "zOrder": "43", + "zOrder": "41", "w": "7", "h": "812", "measuredW": "150", @@ -1314,7 +1159,7 @@ { "ID": "4732", "typeID": "Arrow", - "zOrder": "44", + "zOrder": "42", "w": "185", "h": "260", "measuredW": "150", @@ -1345,7 +1190,7 @@ { "ID": "4733", "typeID": "Arrow", - "zOrder": "45", + "zOrder": "43", "w": "74", "h": "47", "measuredW": "150", @@ -1376,7 +1221,7 @@ { "ID": "4734", "typeID": "Arrow", - "zOrder": "46", + "zOrder": "44", "w": "80", "h": "44", "measuredW": "150", @@ -1407,7 +1252,7 @@ { "ID": "4735", "typeID": "Arrow", - "zOrder": "47", + "zOrder": "45", "w": "83", "h": "45", "measuredW": "150", @@ -1438,7 +1283,7 @@ { "ID": "4736", "typeID": "Arrow", - "zOrder": "48", + "zOrder": "46", "w": "90", "h": "3", "measuredW": "150", @@ -1469,7 +1314,7 @@ { "ID": "4737", "typeID": "Arrow", - "zOrder": "49", + "zOrder": "47", "w": "82", "h": "197", "measuredW": "150", @@ -1500,7 +1345,7 @@ { "ID": "4739", "typeID": "Arrow", - "zOrder": "50", + "zOrder": "48", "w": "84", "h": "138", "measuredW": "150", @@ -1531,7 +1376,7 @@ { "ID": "4740", "typeID": "Arrow", - "zOrder": "51", + "zOrder": "49", "w": "40", "h": "67", "measuredW": "150", @@ -1562,7 +1407,7 @@ { "ID": "4741", "typeID": "Arrow", - "zOrder": "52", + "zOrder": "50", "w": "96", "h": "313", "measuredW": "150", @@ -1593,7 +1438,7 @@ { "ID": "4742", "typeID": "Arrow", - "zOrder": "53", + "zOrder": "51", "w": "56", "h": "452", "measuredW": "150", @@ -1623,7 +1468,7 @@ { "ID": "4743", "typeID": "Arrow", - "zOrder": "54", + "zOrder": "52", "w": "69", "h": "59", "measuredW": "150", @@ -1654,7 +1499,7 @@ { "ID": "4744", "typeID": "Arrow", - "zOrder": "55", + "zOrder": "53", "w": "25", "h": "70", "measuredW": "150", @@ -1684,7 +1529,7 @@ { "ID": "4745", "typeID": "__group__", - "zOrder": "56", + "zOrder": "54", "measuredW": "350", "measuredH": "141", "w": "350", @@ -1843,7 +1688,7 @@ { "ID": "4746", "typeID": "Arrow", - "zOrder": "57", + "zOrder": "55", "w": "86", "h": "1", "measuredW": "150", @@ -1874,7 +1719,7 @@ { "ID": "4747", "typeID": "Arrow", - "zOrder": "58", + "zOrder": "56", "w": "76", "h": "56", "measuredW": "150", @@ -1905,7 +1750,7 @@ { "ID": "4748", "typeID": "__group__", - "zOrder": "59", + "zOrder": "57", "measuredW": "244", "measuredH": "50", "w": "244", @@ -1952,7 +1797,7 @@ { "ID": "4749", "typeID": "__group__", - "zOrder": "60", + "zOrder": "58", "measuredW": "132", "measuredH": "44", "w": "132", @@ -2000,7 +1845,7 @@ { "ID": "4750", "typeID": "__group__", - "zOrder": "61", + "zOrder": "59", "measuredW": "225", "measuredH": "44", "w": "225", @@ -2047,7 +1892,7 @@ { "ID": "4751", "typeID": "__group__", - "zOrder": "62", + "zOrder": "60", "measuredW": "226", "measuredH": "44", "w": "226", @@ -2094,7 +1939,7 @@ { "ID": "4752", "typeID": "__group__", - "zOrder": "63", + "zOrder": "61", "measuredW": "134", "measuredH": "44", "w": "134", @@ -2141,7 +1986,7 @@ { "ID": "4753", "typeID": "__group__", - "zOrder": "64", + "zOrder": "62", "measuredW": "326", "measuredH": "50", "w": "326", @@ -2188,7 +2033,7 @@ { "ID": "4754", "typeID": "__group__", - "zOrder": "65", + "zOrder": "63", "measuredW": "108", "measuredH": "44", "w": "108", @@ -2235,7 +2080,7 @@ { "ID": "4755", "typeID": "__group__", - "zOrder": "66", + "zOrder": "64", "measuredW": "212", "measuredH": "44", "w": "212", @@ -2282,7 +2127,7 @@ { "ID": "4756", "typeID": "__group__", - "zOrder": "67", + "zOrder": "65", "measuredW": "211", "measuredH": "44", "w": "211", @@ -2329,7 +2174,7 @@ { "ID": "4757", "typeID": "__group__", - "zOrder": "68", + "zOrder": "66", "measuredW": "211", "measuredH": "44", "w": "211", @@ -2376,7 +2221,7 @@ { "ID": "4758", "typeID": "__group__", - "zOrder": "69", + "zOrder": "67", "measuredW": "142", "measuredH": "44", "w": "142", @@ -2420,7 +2265,7 @@ { "ID": "4759", "typeID": "__group__", - "zOrder": "70", + "zOrder": "68", "measuredW": "143", "measuredH": "44", "w": "143", @@ -2467,7 +2312,7 @@ { "ID": "4760", "typeID": "__group__", - "zOrder": "71", + "zOrder": "69", "measuredW": "221", "measuredH": "44", "w": "221", @@ -2514,7 +2359,7 @@ { "ID": "4761", "typeID": "__group__", - "zOrder": "72", + "zOrder": "70", "measuredW": "97", "measuredH": "44", "w": "97", @@ -2561,7 +2406,7 @@ { "ID": "4762", "typeID": "__group__", - "zOrder": "73", + "zOrder": "71", "measuredW": "88", "measuredH": "44", "w": "88", @@ -2608,7 +2453,7 @@ { "ID": "4763", "typeID": "__group__", - "zOrder": "74", + "zOrder": "72", "measuredW": "189", "measuredH": "44", "w": "189", @@ -2655,7 +2500,7 @@ { "ID": "4765", "typeID": "__group__", - "zOrder": "75", + "zOrder": "73", "measuredW": "190", "measuredH": "44", "w": "190", @@ -2702,7 +2547,7 @@ { "ID": "4766", "typeID": "__group__", - "zOrder": "76", + "zOrder": "74", "measuredW": "188", "measuredH": "44", "w": "188", @@ -2749,7 +2594,7 @@ { "ID": "4767", "typeID": "Label", - "zOrder": "77", + "zOrder": "75", "measuredW": "71", "measuredH": "25", "x": "245", @@ -2762,7 +2607,7 @@ { "ID": "4768", "typeID": "__group__", - "zOrder": "78", + "zOrder": "76", "measuredW": "219", "measuredH": "44", "w": "219", @@ -2809,7 +2654,7 @@ { "ID": "4769", "typeID": "__group__", - "zOrder": "79", + "zOrder": "77", "measuredW": "216", "measuredH": "44", "w": "216", @@ -2856,7 +2701,7 @@ { "ID": "4770", "typeID": "__group__", - "zOrder": "80", + "zOrder": "78", "measuredW": "206", "measuredH": "44", "w": "206", @@ -2903,7 +2748,7 @@ { "ID": "4771", "typeID": "__group__", - "zOrder": "81", + "zOrder": "79", "measuredW": "207", "measuredH": "44", "w": "207", @@ -2950,7 +2795,7 @@ { "ID": "4772", "typeID": "__group__", - "zOrder": "82", + "zOrder": "80", "measuredW": "576", "measuredH": "105", "w": "576", @@ -3008,7 +2853,7 @@ { "ID": "4773", "typeID": "__group__", - "zOrder": "83", + "zOrder": "81", "measuredW": "67", "measuredH": "44", "w": "67", @@ -3055,7 +2900,7 @@ { "ID": "4774", "typeID": "__group__", - "zOrder": "84", + "zOrder": "82", "measuredW": "73", "measuredH": "44", "w": "73", @@ -3102,7 +2947,7 @@ { "ID": "4775", "typeID": "__group__", - "zOrder": "85", + "zOrder": "83", "measuredW": "225", "measuredH": "44", "w": "225", @@ -3149,7 +2994,7 @@ { "ID": "4776", "typeID": "__group__", - "zOrder": "86", + "zOrder": "84", "measuredW": "212", "measuredH": "44", "w": "212", @@ -3196,7 +3041,7 @@ { "ID": "4777", "typeID": "__group__", - "zOrder": "87", + "zOrder": "85", "measuredW": "212", "measuredH": "44", "w": "212", @@ -3243,7 +3088,7 @@ { "ID": "4778", "typeID": "__group__", - "zOrder": "88", + "zOrder": "86", "measuredW": "163", "measuredH": "44", "w": "163", @@ -3290,7 +3135,7 @@ { "ID": "4779", "typeID": "__group__", - "zOrder": "89", + "zOrder": "87", "measuredW": "163", "measuredH": "44", "w": "163", @@ -3337,7 +3182,7 @@ { "ID": "4780", "typeID": "__group__", - "zOrder": "90", + "zOrder": "88", "measuredW": "212", "measuredH": "44", "w": "212", @@ -3384,7 +3229,7 @@ { "ID": "4781", "typeID": "__group__", - "zOrder": "91", + "zOrder": "89", "measuredW": "212", "measuredH": "44", "w": "212", @@ -3431,7 +3276,7 @@ { "ID": "4782", "typeID": "__group__", - "zOrder": "92", + "zOrder": "90", "measuredW": "179", "measuredH": "44", "w": "179", @@ -3478,7 +3323,7 @@ { "ID": "4783", "typeID": "__group__", - "zOrder": "93", + "zOrder": "91", "measuredW": "212", "measuredH": "44", "w": "212", @@ -3525,7 +3370,7 @@ { "ID": "4784", "typeID": "__group__", - "zOrder": "94", + "zOrder": "92", "measuredW": "212", "measuredH": "44", "w": "212", @@ -3572,7 +3417,7 @@ { "ID": "4785", "typeID": "__group__", - "zOrder": "95", + "zOrder": "93", "measuredW": "212", "measuredH": "44", "w": "212", @@ -3619,7 +3464,7 @@ { "ID": "4786", "typeID": "__group__", - "zOrder": "96", + "zOrder": "94", "measuredW": "299", "measuredH": "50", "w": "299", @@ -3666,7 +3511,7 @@ { "ID": "4787", "typeID": "__group__", - "zOrder": "97", + "zOrder": "95", "measuredW": "134", "measuredH": "44", "w": "134", @@ -3713,7 +3558,7 @@ { "ID": "4788", "typeID": "__group__", - "zOrder": "98", + "zOrder": "96", "measuredW": "134", "measuredH": "44", "w": "134", @@ -3760,13 +3605,13 @@ { "ID": "4789", "typeID": "__group__", - "zOrder": "99", + "zOrder": "97", "measuredW": "263", "measuredH": "44", "w": "263", "h": "44", "x": "989", - "y": "880", + "y": "829", "properties": { "controlName": "113-advanced-topics:watchers" }, @@ -3807,13 +3652,13 @@ { "ID": "4790", "typeID": "__group__", - "zOrder": "100", + "zOrder": "98", "measuredW": "265", "measuredH": "44", "w": "265", "h": "44", "x": "989", - "y": "931", + "y": "880", "properties": { "controlName": "114-advanced-topics:slots" }, @@ -3854,7 +3699,7 @@ { "ID": "4791", "typeID": "__group__", - "zOrder": "101", + "zOrder": "99", "measuredW": "261", "measuredH": "44", "w": "261", @@ -3898,63 +3743,16 @@ } } }, - { - "ID": "4792", - "typeID": "__group__", - "zOrder": "102", - "measuredW": "262", - "measuredH": "44", - "w": "262", - "h": "44", - "x": "989", - "y": "775", - "properties": { - "controlName": "111-advanced-topics:custom-events" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "262", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "116", - "measuredH": "25", - "x": "73", - "y": "9", - "properties": { - "size": "17", - "text": "Custom Events" - } - } - ] - } - } - }, { "ID": "4793", "typeID": "__group__", - "zOrder": "103", + "zOrder": "100", "measuredW": "262", "measuredH": "44", "w": "262", "h": "44", "x": "989", - "y": "826", + "y": "775", "properties": { "controlName": "112-advanced-topics:plugins" }, @@ -3995,22 +3793,22 @@ { "ID": "4794", "typeID": "TextArea", - "zOrder": "104", + "zOrder": "101", "w": "262", "h": "154", "measuredW": "200", "measuredH": "140", "x": "989", - "y": "987" + "y": "936" }, { "ID": "4795", "typeID": "Label", - "zOrder": "105", + "zOrder": "102", "measuredW": "85", "measuredH": "25", "x": "1077", - "y": "999", + "y": "948", "properties": { "size": "17", "text": "Animations" @@ -4019,13 +3817,13 @@ { "ID": "4796", "typeID": "__group__", - "zOrder": "106", + "zOrder": "103", "measuredW": "230", "measuredH": "44", "w": "230", "h": "44", "x": "1005", - "y": "1031", + "y": "980", "properties": { "controlName": "115-advanced-topics:transition" }, @@ -4066,13 +3864,13 @@ { "ID": "4797", "typeID": "__group__", - "zOrder": "107", + "zOrder": "104", "measuredW": "231", "measuredH": "44", "w": "231", "h": "44", "x": "1005", - "y": "1081", + "y": "1030", "properties": { "controlName": "116-advanced-topics:transition-group" }, @@ -4110,369 +3908,16 @@ } } }, - { - "ID": "4798", - "typeID": "TextArea", - "zOrder": "108", - "w": "250", - "h": "312", - "measuredW": "200", - "measuredH": "140", - "x": "171", - "y": "725" - }, - { - "ID": "4799", - "typeID": "Label", - "zOrder": "109", - "measuredW": "128", - "measuredH": "25", - "x": "232", - "y": "739", - "properties": { - "size": "17", - "text": "Composition API" - } - }, - { - "ID": "4800", - "typeID": "__group__", - "zOrder": "110", - "measuredW": "110", - "measuredH": "44", - "w": "110", - "h": "44", - "x": "185", - "y": "775", - "properties": { - "controlName": "100-advanced-topics:ref" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "110", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "22", - "measuredH": "25", - "x": "44", - "y": "9", - "properties": { - "size": "17", - "text": "ref" - } - } - ] - } - } - }, - { - "ID": "4801", - "typeID": "__group__", - "zOrder": "111", - "measuredW": "222", - "measuredH": "44", - "w": "222", - "h": "44", - "x": "185", - "y": "826", - "properties": { - "controlName": "102-advanced-topics:reactive" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "222", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "62", - "measuredH": "25", - "x": "80", - "y": "9", - "properties": { - "size": "17", - "text": "reactive" - } - } - ] - } - } - }, - { - "ID": "4802", - "typeID": "__group__", - "zOrder": "112", - "measuredW": "104", - "measuredH": "44", - "w": "104", - "h": "44", - "x": "302", - "y": "775", - "properties": { - "controlName": "101-advanced-topics:torefs" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "104", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "51", - "measuredH": "25", - "x": "26", - "y": "9", - "properties": { - "size": "17", - "text": "toRefs" - } - } - ] - } - } - }, - { - "ID": "4803", - "typeID": "__group__", - "zOrder": "113", - "measuredW": "222", - "measuredH": "44", - "w": "222", - "h": "44", - "x": "185", - "y": "877", - "properties": { - "controlName": "103-advanced-topics:computed" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "222", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "77", - "measuredH": "25", - "x": "72", - "y": "9", - "properties": { - "size": "17", - "text": "computed" - } - } - ] - } - } - }, - { - "ID": "4804", - "typeID": "__group__", - "zOrder": "114", - "measuredW": "107", - "measuredH": "44", - "w": "107", - "h": "44", - "x": "185", - "y": "928", - "properties": { - "controlName": "104-advanced-topics:watch" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "107", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "45", - "measuredH": "25", - "x": "31", - "y": "9", - "properties": { - "size": "17", - "text": "watch" - } - } - ] - } - } - }, - { - "ID": "4805", - "typeID": "__group__", - "zOrder": "115", - "measuredW": "105", - "measuredH": "44", - "w": "105", - "h": "44", - "x": "301", - "y": "928", - "properties": { - "controlName": "105-advanced-topics:next-tick" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "105", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "64", - "measuredH": "25", - "x": "21", - "y": "9", - "properties": { - "size": "17", - "text": "nextTick" - } - } - ] - } - } - }, - { - "ID": "4806", - "typeID": "__group__", - "zOrder": "116", - "measuredW": "221", - "measuredH": "44", - "w": "221", - "h": "44", - "x": "185", - "y": "980", - "properties": { - "controlName": "106-advanced-topics:composables" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "221", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "106", - "measuredH": "25", - "x": "58", - "y": "9", - "properties": { - "size": "17", - "text": "Composables" - } - } - ] - } - } - }, { "ID": "4807", "typeID": "__group__", - "zOrder": "117", + "zOrder": "105", "measuredW": "227", "measuredH": "44", "w": "227", "h": "44", - "x": "439", - "y": "816", + "x": "270", + "y": "727", "properties": { "controlName": "107-advanced-topics:async-components" }, @@ -4513,13 +3958,13 @@ { "ID": "4808", "typeID": "__group__", - "zOrder": "118", + "zOrder": "106", "measuredW": "227", "measuredH": "44", "w": "227", "h": "44", - "x": "437", - "y": "869", + "x": "268", + "y": "780", "properties": { "controlName": "108-advanced-topics:teleport-components" }, @@ -4560,13 +4005,13 @@ { "ID": "4809", "typeID": "__group__", - "zOrder": "119", + "zOrder": "107", "measuredW": "227", "measuredH": "44", "w": "227", "h": "44", - "x": "437", - "y": "920", + "x": "268", + "y": "831", "properties": { "controlName": "109-advanced-topics:provide-inject" }, @@ -4607,7 +4052,7 @@ { "ID": "4811", "typeID": "__group__", - "zOrder": "120", + "zOrder": "108", "measuredW": "108", "measuredH": "44", "w": "108", @@ -4654,7 +4099,7 @@ { "ID": "4812", "typeID": "__group__", - "zOrder": "121", + "zOrder": "109", "measuredW": "108", "measuredH": "44", "w": "108", @@ -4701,7 +4146,7 @@ { "ID": "4813", "typeID": "__group__", - "zOrder": "122", + "zOrder": "110", "measuredW": "193", "measuredH": "44", "w": "193", @@ -4748,7 +4193,7 @@ { "ID": "4814", "typeID": "__group__", - "zOrder": "123", + "zOrder": "111", "measuredW": "194", "measuredH": "44", "w": "194", @@ -4795,7 +4240,7 @@ { "ID": "4815", "typeID": "TextArea", - "zOrder": "124", + "zOrder": "112", "w": "262", "h": "205", "measuredW": "200", @@ -4806,7 +4251,7 @@ { "ID": "4816", "typeID": "Label", - "zOrder": "125", + "zOrder": "113", "measuredW": "56", "measuredH": "25", "x": "1092", @@ -4819,7 +4264,7 @@ { "ID": "4817", "typeID": "__group__", - "zOrder": "126", + "zOrder": "114", "measuredW": "229", "measuredH": "44", "w": "229", @@ -4827,7 +4272,7 @@ "x": "1005", "y": "1251", "properties": { - "controlName": "107-ecosystem:jest" + "controlName": "107-ecosystem:vitest" }, "children": { "controls": { @@ -4850,13 +4295,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "33", + "measuredW": "44", "measuredH": "25", - "x": "98", + "x": "93", "y": "10", "properties": { "size": "17", - "text": "Jest" + "text": "Vitest" } } ] @@ -4866,7 +4311,7 @@ { "ID": "4818", "typeID": "__group__", - "zOrder": "127", + "zOrder": "115", "measuredW": "229", "measuredH": "44", "w": "229", @@ -4913,7 +4358,7 @@ { "ID": "4819", "typeID": "__group__", - "zOrder": "128", + "zOrder": "116", "measuredW": "228", "measuredH": "44", "w": "228", @@ -4960,7 +4405,7 @@ { "ID": "4820", "typeID": "__group__", - "zOrder": "129", + "zOrder": "117", "measuredW": "207", "measuredH": "44", "w": "207", @@ -5007,7 +4452,7 @@ { "ID": "4821", "typeID": "TextArea", - "zOrder": "130", + "zOrder": "118", "w": "262", "h": "212", "measuredW": "200", @@ -5018,7 +4463,7 @@ { "ID": "4822", "typeID": "Label", - "zOrder": "131", + "zOrder": "119", "measuredW": "51", "measuredH": "25", "x": "1094", @@ -5031,7 +4476,7 @@ { "ID": "4823", "typeID": "__group__", - "zOrder": "132", + "zOrder": "120", "measuredW": "230", "measuredH": "44", "w": "230", @@ -5078,7 +4523,7 @@ { "ID": "4824", "typeID": "__group__", - "zOrder": "133", + "zOrder": "121", "measuredW": "228", "measuredH": "44", "w": "228", @@ -5125,7 +4570,7 @@ { "ID": "4825", "typeID": "__group__", - "zOrder": "134", + "zOrder": "122", "measuredW": "228", "measuredH": "44", "w": "228", @@ -5172,7 +4617,7 @@ { "ID": "4826", "typeID": "__group__", - "zOrder": "135", + "zOrder": "123", "measuredW": "274", "measuredH": "57", "w": "274", @@ -5221,7 +4666,7 @@ { "ID": "4827", "typeID": "__group__", - "zOrder": "136", + "zOrder": "124", "measuredW": "300", "measuredH": "148", "w": "300", @@ -5392,7 +4837,7 @@ { "ID": "4828", "typeID": "__group__", - "zOrder": "137", + "zOrder": "125", "measuredW": "96", "measuredH": "44", "w": "96", @@ -5439,7 +4884,7 @@ { "ID": "4829", "typeID": "Arrow", - "zOrder": "0", + "zOrder": "3", "w": "1", "h": "78", "measuredW": "150", @@ -5470,7 +4915,7 @@ { "ID": "4830", "typeID": "__group__", - "zOrder": "138", + "zOrder": "126", "measuredW": "78", "measuredH": "44", "w": "78", @@ -5513,6 +4958,99 @@ ] } } + }, + { + "ID": "4833", + "typeID": "Arrow", + "zOrder": "2", + "w": "109", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "483", + "y": "748", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 108.5, + "y": 0 + }, + "p1": { + "x": 0.4811090254395629, + "y": 0.004165338153758769 + }, + "p2": { + "x": -0.22477605439985382, + "y": 0 + } + } + }, + { + "ID": "4834", + "typeID": "Arrow", + "zOrder": "1", + "w": "108", + "h": "44", + "measuredW": "150", + "measuredH": "100", + "x": "483", + "y": "760", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 107.5, + "y": -0.5 + }, + "p1": { + "x": 0.5143401966163875, + "y": -0.1055820115798543 + }, + "p2": { + "x": -0.22477605439985382, + "y": 43 + } + } + }, + { + "ID": "4835", + "typeID": "Arrow", + "zOrder": "0", + "w": "104", + "h": "89", + "measuredW": "150", + "measuredH": "100", + "x": "489", + "y": "766", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 103.5, + "y": -0.5 + }, + "p1": { + "x": 0.5169170459362729, + "y": -0.11617393102757675 + }, + "p2": { + "x": -0.5, + "y": 88.5 + } + } } ] }, @@ -5525,7 +5063,7 @@ "branchID": "Master", "resourceID": "960B5EDB-5533-4531-9B7D-06B4366EBEAE", "mockupH": "1998", - "mockupW": "1163", + "mockupW": "1154", "measuredW": "1334", "measuredH": "2045", "version": "1.0"