From 3680e8f52c258c2cd2d6ac135de481f355af01c1 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Mon, 8 Aug 2022 18:51:35 +0400 Subject: [PATCH] Add groups and names to roadmap JSON --- public/project/vue.json | 6764 +++++++++++++++++++++++---------------- 1 file changed, 4052 insertions(+), 2712 deletions(-) diff --git a/public/project/vue.json b/public/project/vue.json index 9db799417..d1bef93f3 100644 --- a/public/project/vue.json +++ b/public/project/vue.json @@ -480,11 +480,11 @@ "typeID": "Arrow", "zOrder": "52", "w": "96", - "h": "286", + "h": "313", "measuredW": "150", "measuredH": "100", "x": "484", - "y": "1242", + "y": "1216", "properties": { "color": "2848996", "curvature": "-1", @@ -493,16 +493,16 @@ "rightArrow": "false", "stroke": "dotted", "p0": { - "x": 85, - "y": 0 + "x": 78, + "y": -0.5 }, "p1": { - "x": 0.675598782883057, - "y": 0.201911970264233 + "x": 0.6755987828830571, + "y": 0.20191197026423297 }, "p2": { "x": 0, - "y": 286 + "y": 312 } } }, @@ -697,874 +697,1586 @@ } }, { - "ID": "1833", - "typeID": "TextArea", - "zOrder": "62", - "w": "246", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "534", - "y": "394", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1834", + "ID": "1906", "typeID": "Label", - "zOrder": "63", - "measuredW": "155", - "measuredH": "25", - "x": "579", - "y": "406", + "zOrder": "78", + "measuredW": "25", + "measuredH": "117", + "x": "95", + "y": "1710", "properties": { "size": "17", - "text": "Fundamental Topics" - } - }, - { - "ID": "1835", - "typeID": "TextArea", - "zOrder": "64", - "w": "132", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "345", - "y": "399", - "properties": { - "color": "16767334" + "text": "REST API Calls", + "textOrientation": "up" } }, { - "ID": "1836", + "ID": "1913", "typeID": "Label", - "zOrder": "65", - "w": "99", - "measuredW": "99", - "measuredH": "25", - "x": "361", - "y": "408", + "zOrder": "81", + "measuredW": "25", + "measuredH": "71", + "x": "95", + "y": "1588", "properties": { "size": "17", - "text": "Components" + "text": "GraphQL", + "textOrientation": "up" } }, { - "ID": "1839", - "typeID": "TextArea", - "zOrder": "66", - "w": "216", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "81", - "y": "330", + "ID": "1952", + "typeID": "Arrow", + "zOrder": "86", + "w": "4", + "h": "89", + "measuredW": "150", + "measuredH": "100", + "x": "640", + "y": "1907", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "p0": { + "length": 3, + "x": 3, + "y": 0 + }, + "p1": { + "length": 0.5327426604018495, + "x": 0.5326751848090503, + "y": 0.008478779433645868 + }, + "p2": { + "length": 88, + "x": 0, + "y": 88 + }, + "rightArrow": "false" } }, { - "ID": "1840", - "typeID": "Label", - "zOrder": "67", - "measuredW": "183", - "measuredH": "25", - "x": "97", - "y": "340", + "ID": "1963", + "typeID": "__group__", + "zOrder": "87", + "measuredW": "542", + "measuredH": "96", + "w": "542", + "h": "96", + "x": "135", + "y": "98", "properties": { - "size": "17", - "text": "Single File Components" + "controlName": "ext_link:roadmap.sh/frontend" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "542", + "h": "96", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "475", + "measuredH": "32", + "x": "34", + "y": "18", + "properties": { + "size": "24", + "text": "Frontend Roadmap till Framework Selection" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "171", + "measuredH": "26", + "x": "201", + "y": "54", + "properties": { + "size": "18", + "text": "roadmap.sh/frontend", + "color": "10027263" + } + } + ] + } } }, { - "ID": "1841", - "typeID": "TextArea", - "zOrder": "68", - "w": "216", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "81", - "y": "380", + "ID": "1964", + "typeID": "__group__", + "zOrder": "59", + "measuredW": "320", + "measuredH": "45", + "w": "320", + "h": "45", + "x": "729", + "y": "150", "properties": { - "color": "16770457" + "controlName": "ext_link:roadmap.sh" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "320", + "h": "45", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0", + "properties": { + "borderColor": "4273622", + "color": "4273622" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "105", + "measuredH": "28", + "x": "141", + "y": "8", + "properties": { + "color": "16777215", + "size": "20", + "text": "roadmap.sh" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "35", + "measuredH": "28", + "x": "76", + "y": "8", + "properties": { + "color": "16777215", + "size": "20", + "text": "http" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "5", + "measuredH": "28", + "x": "113", + "y": "8", + "properties": { + "color": "16777215", + "size": "20", + "text": ":" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "10", + "measuredH": "28", + "x": "120", + "y": "9", + "properties": { + "color": "16777215", + "size": "20", + "text": "/" + } + }, + { + "ID": "5", + "typeID": "Label", + "zOrder": "5", + "measuredW": "10", + "measuredH": "28", + "x": "128", + "y": "9", + "properties": { + "color": "16777215", + "size": "20", + "text": "/" + } + } + ] + } } }, { - "ID": "1842", - "typeID": "Label", - "zOrder": "69", - "measuredW": "188", - "measuredH": "25", - "x": "95", - "y": "390", - "properties": { - "size": "17", - "text": "Component Registration" - } - }, - { - "ID": "1857", - "typeID": "TextArea", - "zOrder": "70", - "w": "134", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "343", - "y": "331", + "ID": "1971", + "typeID": "Arrow", + "zOrder": "38", + "w": "65", + "h": "56", + "measuredW": "150", + "measuredH": "100", + "x": "287", + "y": "353", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": -0.5 + }, + "p1": { + "x": 0.5531295985763663, + "y": -0.08925088121556415 + }, + "p2": { + "x": 65, + "y": 55 + } } }, { - "ID": "1858", - "typeID": "Label", - "zOrder": "71", - "measuredW": "62", - "measuredH": "25", - "x": "379", - "y": "340", + "ID": "1972", + "typeID": "Arrow", + "zOrder": "37", + "w": "62", + "h": "14", + "measuredW": "150", + "measuredH": "100", + "x": "284", + "y": "404", "properties": { - "size": "17", - "text": "Vue CLI" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": -0.5 + }, + "p1": { + "x": 0.4067680844458243, + "y": -0.016268239677118906 + }, + "p2": { + "x": 62, + "y": 13 + } } }, { - "ID": "1882", - "typeID": "TextArea", - "zOrder": "72", - "w": "299", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "436", - "y": "1179", + "ID": "1973", + "typeID": "Arrow", + "zOrder": "36", + "w": "65", + "h": "31", + "measuredW": "150", + "measuredH": "100", + "x": "279", + "y": "423", "properties": { - "color": "16776960" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 30.5 + }, + "p1": { + "x": 0.40022307356578246, + "y": 0.06604917317297901 + }, + "p2": { + "x": 65, + "y": 0 + } } }, { - "ID": "1883", - "typeID": "Label", - "zOrder": "73", - "measuredW": "84", - "measuredH": "25", - "x": "544", - "y": "1191", + "ID": "1974", + "typeID": "Arrow", + "zOrder": "35", + "w": "66", + "h": "76", + "measuredW": "150", + "measuredH": "100", + "x": "283", + "y": "427", "properties": { - "size": "17", - "text": "Ecosystem" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 76 + }, + "p1": { + "x": 0.4299249901302803, + "y": 0.00493485984998026 + }, + "p2": { + "x": 66, + "y": 0 + } } }, { - "ID": "1884", - "typeID": "TextArea", - "zOrder": "74", - "w": "108", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "305", - "y": "1096", + "ID": "2896", + "typeID": "Arrow", + "zOrder": "15", + "w": "84", + "h": "173", + "measuredW": "150", + "measuredH": "100", + "x": "467", + "y": "430", "properties": { - "color": "16767334" + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 84, + "y": 0 + }, + "p1": { + "x": 0.5406025677062016, + "y": 0.12359189147033607 + }, + "p2": { + "x": 0, + "y": 173 + } } }, { - "ID": "1885", - "typeID": "Label", - "zOrder": "75", - "measuredW": "48", - "measuredH": "25", - "x": "335", - "y": "1105", + "ID": "2897", + "typeID": "Arrow", + "zOrder": "33", + "w": "66", + "h": "29", + "measuredW": "150", + "measuredH": "100", + "x": "238", + "y": "601", "properties": { - "size": "17", - "text": "Forms" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 29 + }, + "p1": { + "x": 0.33909140180668784, + "y": -0.058884933860741506 + }, + "p2": { + "x": 66, + "y": 0 + } } }, { - "ID": "1886", - "typeID": "TextArea", - "zOrder": "76", - "w": "171", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "81", - "y": "1048", + "ID": "2898", + "typeID": "Arrow", + "zOrder": "34", + "w": "79", + "h": "13", + "measuredW": "150", + "measuredH": "100", + "x": "226", + "y": "582", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 2 + }, + "p1": { + "x": 0.3920449765553399, + "y": 0.06724676888745247 + }, + "p2": { + "x": 79, + "y": 13 + } } }, { - "ID": "1887", - "typeID": "Label", - "zOrder": "77", - "measuredW": "112", - "measuredH": "25", - "x": "111", - "y": "1057", + "ID": "2906", + "typeID": "Arrow", + "zOrder": "32", + "w": "112", + "h": "87", + "measuredW": "150", + "measuredH": "100", + "x": "748", + "y": "329", "properties": { - "size": "17", - "text": "Vue Formulate" - } - }, - { - "ID": "1888", - "typeID": "TextArea", - "zOrder": "78", - "w": "171", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "81", - "y": "1098", - "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "-1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 112, + "y": 0 + }, + "p1": { + "x": 0.4981106746880127, + "y": 0.05503902948341868 + }, + "p2": { + "x": 0, + "y": 87 + } } }, { - "ID": "1889", - "typeID": "Label", - "zOrder": "79", - "measuredW": "95", - "measuredH": "25", - "x": "119", - "y": "1108", + "ID": "2907", + "typeID": "Arrow", + "zOrder": "31", + "w": "94", + "h": "30", + "measuredW": "150", + "measuredH": "100", + "x": "763", + "y": "385", "properties": { - "size": "17", - "text": "Vee Validate" + "color": "2848996", + "curvature": "-1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 94, + "y": -0.5 + }, + "p1": { + "x": 0.44798938044995773, + "y": 0.0403268258073375 + }, + "p2": { + "x": 0, + "y": 29 + } } }, { - "ID": "1890", - "typeID": "TextArea", - "zOrder": "80", - "w": "171", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "81", - "y": "1148", + "ID": "2908", + "typeID": "Arrow", + "zOrder": "30", + "w": "107", + "h": "15", + "measuredW": "150", + "measuredH": "100", + "x": "759", + "y": "424", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "-1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 107, + "y": 15 + }, + "p1": { + "x": 0.4552212800557558, + "y": -0.05494250203275645 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1891", - "typeID": "Label", - "zOrder": "81", - "measuredW": "72", - "measuredH": "25", - "x": "131", - "y": "1157", + "ID": "2909", + "typeID": "Arrow", + "zOrder": "29", + "w": "96", + "h": "66", + "measuredW": "150", + "measuredH": "100", + "x": "764", + "y": "425", "properties": { - "size": "17", - "text": "Vuelidate" + "color": "2848996", + "curvature": "-1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 96, + "y": 66 + }, + "p1": { + "x": 0.5981432360742706, + "y": -0.03669319186560566 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1892", - "typeID": "TextArea", - "zOrder": "82", - "w": "142", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "440", - "y": "1096", + "ID": "2910", + "typeID": "Arrow", + "zOrder": "28", + "w": "110", + "h": "114", + "measuredW": "150", + "measuredH": "100", + "x": "755", + "y": "427", "properties": { - "color": "16767334" + "color": "2848996", + "curvature": "-1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 110, + "y": 114 + }, + "p1": { + "x": 0.5467496438479419, + "y": 0.08532653520281927 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1893", - "typeID": "Label", - "zOrder": "83", - "measuredW": "60", - "measuredH": "25", - "x": "481", - "y": "1105", + "ID": "2911", + "typeID": "Arrow", + "zOrder": "27", + "w": "102", + "h": "158", + "measuredW": "150", + "measuredH": "100", + "x": "753", + "y": "432", "properties": { - "size": "17", - "text": "Routing" + "color": "2848996", + "curvature": "-1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 102, + "y": 158 + }, + "p1": { + "x": 0.5467496438479419, + "y": 0.08532653520281926 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1894", - "typeID": "TextArea", - "zOrder": "84", - "w": "143", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "439", - "y": "1034", + "ID": "2912", + "typeID": "Arrow", + "zOrder": "26", + "w": "118", + "h": "218", + "measuredW": "150", + "measuredH": "100", + "x": "743", + "y": "423", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "-1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 117.5, + "y": 217.5 + }, + "p1": { + "x": 0.5144201268152997, + "y": 0.12669257516874619 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1895", - "typeID": "Label", - "zOrder": "85", - "measuredW": "87", - "measuredH": "25", - "x": "467", - "y": "1043", + "ID": "2913", + "typeID": "Arrow", + "zOrder": "25", + "w": "102", + "h": "305", + "measuredW": "150", + "measuredH": "100", + "x": "558", + "y": "430", "properties": { - "size": "17", - "text": "Vue Router" + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 102, + "y": -0.5 + }, + "p1": { + "x": 0.5750441807624339, + "y": -0.17893208785660192 + }, + "p2": { + "x": 29.5, + "y": 304 + } } }, { - "ID": "1898", - "typeID": "TextArea", - "zOrder": "86", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "345", - "y": "1575", - "properties": { - "color": "16767334" - } - }, - { - "ID": "1899", - "typeID": "Label", - "zOrder": "87", - "measuredW": "69", - "measuredH": "25", - "x": "389", - "y": "1584", + "ID": "2920", + "typeID": "Arrow", + "zOrder": "24", + "w": "79", + "h": "106", + "measuredW": "150", + "measuredH": "100", + "x": "465", + "y": "433", "properties": { - "size": "17", - "text": "API Calls" + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 79, + "y": 0 + }, + "p1": { + "x": 0.5406025677062016, + "y": 0.12359189147033606 + }, + "p2": { + "x": 0, + "y": 106 + } } }, { - "ID": "1900", + "ID": "2939", "typeID": "TextArea", - "zOrder": "88", - "w": "157", - "h": "44", + "zOrder": "110", + "w": "195", + "h": "154", "measuredW": "200", "measuredH": "140", - "x": "130", - "y": "1699", - "properties": { - "color": "16770457" - } + "x": "848", + "y": "967" }, { - "ID": "1901", + "ID": "2940", "typeID": "Label", - "zOrder": "89", - "measuredW": "41", + "zOrder": "111", + "measuredW": "85", "measuredH": "25", - "x": "187", - "y": "1709", + "x": "903", + "y": "979", "properties": { "size": "17", - "text": "Axios" + "text": "Animations" } }, { - "ID": "1902", + "ID": "2945", "typeID": "TextArea", - "zOrder": "90", - "w": "157", - "h": "44", + "zOrder": "114", + "w": "250", + "h": "312", "measuredW": "200", "measuredH": "140", - "x": "129", - "y": "1749", - "properties": { - "color": "16770457" - } + "x": "81", + "y": "705" }, { - "ID": "1903", + "ID": "2946", "typeID": "Label", - "zOrder": "91", - "measuredW": "61", + "zOrder": "115", + "measuredW": "128", "measuredH": "25", - "x": "178", - "y": "1759", + "x": "142", + "y": "719", "properties": { "size": "17", - "text": "Unfetch" + "text": "Composition API" } }, { - "ID": "1904", - "typeID": "TextArea", - "zOrder": "92", - "w": "157", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "129", - "y": "1798", + "ID": "2967", + "typeID": "Arrow", + "zOrder": "23", + "w": "149", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "309", + "y": "727", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 148.5, + "y": 0 + }, + "p1": { + "x": 0.48078719561561933, + "y": 0.004484025658591266 + }, + "p2": { + "x": -0.5, + "y": 3 + } } }, { - "ID": "1905", - "typeID": "Label", - "zOrder": "93", - "measuredW": "88", - "measuredH": "25", - "x": "164", - "y": "1808", + "ID": "2968", + "typeID": "Arrow", + "zOrder": "22", + "w": "1", + "h": "209", + "measuredW": "150", + "measuredH": "100", + "x": "488", + "y": "737", "properties": { - "size": "17", - "text": "superagent" + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.5, + "y": 0 + }, + "p1": { + "x": 0.4807871956156192, + "y": 0.004484025658591266 + }, + "p2": { + "x": -0.5, + "y": 209 + } } }, { - "ID": "1906", - "typeID": "Label", - "zOrder": "94", - "measuredW": "25", - "measuredH": "117", - "x": "95", - "y": "1710", + "ID": "2969", + "typeID": "Arrow", + "zOrder": "21", + "w": "140", + "h": "7", + "measuredW": "150", + "measuredH": "100", + "x": "721", + "y": "720", "properties": { - "size": "17", - "text": "REST API Calls", - "textOrientation": "up" + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 140, + "y": 7 + }, + "p1": { + "x": 0.47368421052631576, + "y": -0.03947368421052631 + }, + "p2": { + "x": 0, + "y": 3.5 + } } }, { - "ID": "1909", - "typeID": "TextArea", - "zOrder": "95", - "w": "156", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "129", - "y": "1573", + "ID": "2970", + "typeID": "Arrow", + "zOrder": "20", + "w": "133", + "h": "48", + "measuredW": "150", + "measuredH": "100", + "x": "725", + "y": "733", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 133, + "y": 47 + }, + "p1": { + "x": 0.46151734953930607, + "y": -0.013252303469907878 + }, + "p2": { + "x": 0, + "y": -0.5 + } } }, { - "ID": "1910", - "typeID": "Label", - "zOrder": "96", - "measuredW": "48", - "measuredH": "25", - "x": "184", - "y": "1583", + "ID": "2971", + "typeID": "Arrow", + "zOrder": "19", + "w": "137", + "h": "91", + "measuredW": "150", + "measuredH": "100", + "x": "725", + "y": "740", "properties": { - "size": "17", - "text": "Apollo" + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 137, + "y": 90 + }, + "p1": { + "x": 0.44160198696057107, + "y": 0.0651350512263272 + }, + "p2": { + "x": 0, + "y": -0.5 + } } }, { - "ID": "1911", - "typeID": "TextArea", - "zOrder": "97", - "w": "156", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "129", - "y": "1621", + "ID": "2972", + "typeID": "Arrow", + "zOrder": "18", + "w": "145", + "h": "140", + "measuredW": "150", + "measuredH": "100", + "x": "713", + "y": "741", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 145, + "y": 140 + }, + "p1": { + "x": 0.41144615384615385, + "y": 0.05243076923076923 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1912", - "typeID": "Label", - "zOrder": "98", - "measuredW": "78", - "measuredH": "25", - "x": "168", - "y": "1630", + "ID": "2973", + "typeID": "Arrow", + "zOrder": "17", + "w": "161", + "h": "195", + "measuredW": "150", + "measuredH": "100", + "x": "699", + "y": "739", "properties": { - "size": "17", - "text": "Vue Relay" + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 161, + "y": 195 + }, + "p1": { + "x": 0.4134269539924311, + "y": 0.05352954054983893 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1913", - "typeID": "Label", - "zOrder": "99", - "measuredW": "25", - "measuredH": "71", - "x": "95", - "y": "1588", + "ID": "2974", + "typeID": "Arrow", + "zOrder": "16", + "w": "167", + "h": "259", + "measuredW": "150", + "measuredH": "100", + "x": "692", + "y": "739", "properties": { - "size": "17", - "text": "GraphQL", - "textOrientation": "up" + "color": "2848996", + "curvature": "0", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 167, + "y": 259 + }, + "p1": { + "x": 0.39279337769842565, + "y": 0.08026294432721957 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1914", - "typeID": "TextArea", - "zOrder": "100", - "w": "160", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "342", - "y": "1509", + "ID": "2975", + "typeID": "__group__", + "zOrder": "88", + "measuredW": "576", + "measuredH": "105", + "w": "576", + "h": "105", + "x": "321", + "y": "1837", "properties": { - "color": "16767334" + "controlName": "ext_link:roadmap.sh/frontend" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "576", + "h": "105", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "502", + "measuredH": "32", + "x": "40", + "y": "22", + "properties": { + "size": "24", + "text": "Frontend Roadmap after Framework Selection" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "171", + "measuredH": "26", + "x": "205", + "y": "58", + "properties": { + "text": "roadmap.sh/frontend", + "size": "18", + "color": "10027263" + } + } + ] + } } }, { - "ID": "1915", - "typeID": "Label", - "zOrder": "101", - "measuredW": "95", - "measuredH": "25", - "x": "374", - "y": "1518", + "ID": "2976", + "typeID": "Arrow", + "zOrder": "14", + "w": "1", + "h": "55", + "measuredW": "150", + "measuredH": "100", + "x": "510", + "y": "1060", "properties": { - "size": "17", - "text": "Mobile Apps" + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 55 + }, + "p1": { + "x": 0.6380090497737557, + "y": -0.0018099547511312255 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1916", - "typeID": "TextArea", - "zOrder": "193", - "w": "197", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "829", - "y": "1231", + "ID": "2977", + "typeID": "Arrow", + "zOrder": "13", + "w": "1", + "h": "78", + "measuredW": "150", + "measuredH": "100", + "x": "510", + "y": "1127", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 78 + }, + "p1": { + "x": 0.6380090497737557, + "y": -0.0018099547511312257 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1917", - "typeID": "Label", - "zOrder": "194", - "measuredW": "33", - "measuredH": "25", - "x": "921", - "y": "1241", + "ID": "2978", + "typeID": "Arrow", + "zOrder": "12", + "w": "82", + "h": "79", + "measuredW": "150", + "measuredH": "100", + "x": "365", + "y": "1127", "properties": { - "size": "17", - "text": "Jest" + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 82, + "y": 78.5 + }, + "p1": { + "x": 0.6030918077610684, + "y": 0.1775581028499316 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1918", - "typeID": "TextArea", - "zOrder": "195", - "w": "198", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "829", - "y": "1280", + "ID": "2983", + "typeID": "Arrow", + "zOrder": "10", + "w": "87", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "233", + "y": "1276", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 87, + "y": 4.5 + }, + "p1": { + "x": 0.5375000000000003, + "y": -0.025000000000000022 + }, + "p2": { + "x": 0, + "y": 1.5 + } } }, { - "ID": "1919", - "typeID": "Label", - "zOrder": "196", - "measuredW": "147", - "measuredH": "25", - "x": "854", - "y": "1290", + "ID": "2986", + "typeID": "Arrow", + "zOrder": "9", + "w": "81", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "234", + "y": "1333", "properties": { - "size": "17", - "text": "Vue Testing Library" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 81, + "y": 1.5 + }, + "p1": { + "x": 0.5375000000000002, + "y": -0.02500000000000002 + }, + "p2": { + "x": 0, + "y": 2.5 + } } }, { - "ID": "1920", - "typeID": "TextArea", - "zOrder": "197", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "829", - "y": "1329", + "ID": "2987", + "typeID": "Arrow", + "zOrder": "7", + "w": "81", + "h": "49", + "measuredW": "150", + "measuredH": "100", + "x": "235", + "y": "1283", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 81, + "y": 48.5 + }, + "p1": { + "x": 0.5375000000000003, + "y": -0.025000000000000123 + }, + "p2": { + "x": 0, + "y": -0.5 + } } }, { - "ID": "1921", - "typeID": "Label", - "zOrder": "198", - "measuredW": "63", - "measuredH": "25", - "x": "905", - "y": "1339", + "ID": "2988", + "typeID": "Arrow", + "zOrder": "6", + "w": "58", + "h": "115", + "measuredW": "150", + "measuredH": "100", + "x": "395", + "y": "1217", "properties": { - "size": "17", - "text": "Cypress" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 114 + }, + "p1": { + "x": 0.3905730129390017, + "y": -0.10979667282809613 + }, + "p2": { + "x": 58, + "y": -0.5 + } } }, { - "ID": "1922", - "typeID": "TextArea", - "zOrder": "102", - "w": "160", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "342", - "y": "1438", + "ID": "2989", + "typeID": "Arrow", + "zOrder": "5", + "w": "117", + "h": "389", + "measuredW": "150", + "measuredH": "100", + "x": "484", + "y": "1209", "properties": { - "color": "16767334" + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 92, + "y": -0.5 + }, + "p1": { + "x": 0.675598782883057, + "y": 0.20191197026423305 + }, + "p2": { + "x": 0, + "y": 388 + } } }, { - "ID": "1923", - "typeID": "Label", - "zOrder": "103", - "measuredW": "92", - "measuredH": "25", - "x": "376", - "y": "1447", + "ID": "2992", + "typeID": "Arrow", + "zOrder": "4", + "w": "81", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "282", + "y": "1530", "properties": { - "size": "17", - "text": "State Mgmt." + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 81, + "y": 1.5 + }, + "p1": { + "x": 0.5375000000000002, + "y": -0.02500000000000002 + }, + "p2": { + "x": 0, + "y": 2.5 + } } }, { - "ID": "1932", - "typeID": "TextArea", - "zOrder": "104", - "w": "158", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "92", - "y": "1256", + "ID": "2993", + "typeID": "Arrow", + "zOrder": "3", + "w": "71", + "h": "253", + "measuredW": "150", + "measuredH": "100", + "x": "489", + "y": "1207", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 51, + "y": -0.5 + }, + "p1": { + "x": 0.6755987828830532, + "y": 0.20191197026423108 + }, + "p2": { + "x": 0, + "y": 252 + } } }, { - "ID": "1933", - "typeID": "Label", - "zOrder": "105", - "measuredW": "52", - "measuredH": "25", - "x": "145", - "y": "1265", + "ID": "2996", + "typeID": "Arrow", + "zOrder": "2", + "w": "107", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "259", + "y": "1459", "properties": { - "size": "17", - "text": "Nuxt.js" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 107, + "y": 2.5 + }, + "p1": { + "x": 0.5375000000000002, + "y": -0.02500000000000002 + }, + "p2": { + "x": 0, + "y": 2.5 + } } }, { - "ID": "1936", + "ID": "2997", "typeID": "TextArea", - "zOrder": "203", - "w": "198", - "h": "44", + "zOrder": "131", + "w": "228", + "h": "205", "measuredW": "200", "measuredH": "140", - "x": "830", - "y": "1456", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1937", - "typeID": "Label", - "zOrder": "204", - "measuredW": "98", - "measuredH": "25", - "x": "880", - "y": "1466", - "properties": { - "size": "17", - "text": "Tailwind CSS" - } - }, - { - "ID": "1938", - "typeID": "TextArea", - "zOrder": "205", - "w": "198", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "830", - "y": "1505", - "properties": { - "color": "16770457" - } + "x": "815", + "y": "1182" }, { - "ID": "1939", + "ID": "2998", "typeID": "Label", - "zOrder": "206", - "measuredW": "52", + "zOrder": "132", + "measuredW": "56", "measuredH": "25", - "x": "903", - "y": "1515", + "x": "901", + "y": "1196", "properties": { "size": "17", - "text": "Vuetify" - } - }, - { - "ID": "1940", - "typeID": "TextArea", - "zOrder": "207", - "w": "198", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "830", - "y": "1553", - "properties": { - "color": "16770457" + "text": "Testing" } }, { - "ID": "1941", - "typeID": "Label", - "zOrder": "208", - "measuredW": "87", - "measuredH": "25", - "x": "885", - "y": "1563", + "ID": "3003", + "typeID": "Arrow", + "zOrder": "0", + "w": "78", + "h": "51", + "measuredW": "150", + "measuredH": "100", + "x": "241", + "y": "1224", "properties": { - "size": "17", - "text": "Element UI" + "color": "2848996", + "curvature": "1", + "direction": "top", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 78, + "y": 50.5 + }, + "p1": { + "x": 0.5375000000000003, + "y": -0.025 + }, + "p2": { + "x": 0, + "y": -0.5 + } } }, { - "ID": "1946", + "ID": "3004", "typeID": "TextArea", - "zOrder": "106", - "w": "157", - "h": "44", + "zOrder": "137", + "w": "228", + "h": "212", "measuredW": "200", "measuredH": "140", - "x": "93", - "y": "1311", - "properties": { - "color": "16770457" - } + "x": "815", + "y": "1402" }, { - "ID": "1947", + "ID": "3005", "typeID": "Label", - "zOrder": "107", - "measuredW": "75", + "zOrder": "138", + "measuredW": "51", "measuredH": "25", - "x": "134", - "y": "1321", + "x": "903", + "y": "1417", "properties": { "size": "17", - "text": "Gridsome" - } - }, - { - "ID": "1952", - "typeID": "Arrow", - "zOrder": "108", - "w": "4", - "h": "89", - "measuredW": "150", - "measuredH": "100", - "x": "640", - "y": "1907", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "length": 3, - "x": 3, - "y": 0 - }, - "p1": { - "length": 0.5327426604018495, - "x": 0.5326751848090503, - "y": 0.008478779433645868 - }, - "p2": { - "length": 88, - "x": 0, - "y": 88 - }, - "rightArrow": "false" + "text": "Styling" } }, { - "ID": "1963", + "ID": "3006", "typeID": "__group__", - "zOrder": "109", - "measuredW": "542", - "measuredH": "96", - "w": "542", - "h": "96", - "x": "135", - "y": "98", + "zOrder": "62", + "measuredW": "246", + "measuredH": "50", + "w": "246", + "h": "50", + "x": "534", + "y": "394", "properties": { - "controlName": "ext_link:roadmap.sh/frontend" + "controlName": "100-fundamental-topics" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Canvas", + "typeID": "TextArea", "zOrder": "0", - "w": "542", - "h": "96", - "measuredW": "100", - "measuredH": "70", + "w": "246", + "h": "50", + "measuredW": "200", + "measuredH": "140", "x": "0", - "y": "0" + "y": "0", + "properties": { + "color": "16776960" + } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "475", - "measuredH": "32", - "x": "34", - "y": "18", + "measuredW": "155", + "measuredH": "25", + "x": "45", + "y": "12", "properties": { - "size": "24", - "text": "Frontend Roadmap till Framework Selection" + "size": "17", + "text": "Fundamental Topics" + } + } + ] + } + } + }, + { + "ID": "3007", + "typeID": "__group__", + "zOrder": "66", + "measuredW": "134", + "measuredH": "44", + "w": "134", + "h": "44", + "x": "343", + "y": "331", + "properties": { + "controlName": "100-fundamental-topics:vue-cli" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "134", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" } }, { - "ID": "2", + "ID": "1", "typeID": "Label", - "zOrder": "2", - "measuredW": "171", - "measuredH": "26", - "x": "201", - "y": "54", + "zOrder": "1", + "measuredW": "62", + "measuredH": "25", + "x": "36", + "y": "9", "properties": { - "size": "18", - "text": "roadmap.sh/frontend", - "color": "10027263" + "size": "17", + "text": "Vue CLI" } } ] @@ -1572,104 +2284,141 @@ } }, { - "ID": "1964", + "ID": "3008", "typeID": "__group__", - "zOrder": "59", - "measuredW": "320", - "measuredH": "45", - "w": "320", - "h": "45", - "x": "729", - "y": "150", + "zOrder": "63", + "measuredW": "132", + "measuredH": "44", + "w": "132", + "h": "44", + "x": "345", + "y": "399", "properties": { - "controlName": "ext_link:roadmap.sh" + "controlName": "101-fundamental-topics:components" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Canvas", + "typeID": "TextArea", "zOrder": "0", - "w": "320", - "h": "45", - "measuredW": "100", - "measuredH": "70", + "w": "132", + "h": "44", + "measuredW": "200", + "measuredH": "140", "x": "0", "y": "0", "properties": { - "borderColor": "4273622", - "color": "4273622" + "color": "16767334" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "105", - "measuredH": "28", - "x": "141", - "y": "8", + "w": "99", + "measuredW": "99", + "measuredH": "25", + "x": "16", + "y": "9", "properties": { - "color": "16777215", - "size": "20", - "text": "roadmap.sh" + "size": "17", + "text": "Components" } - }, + } + ] + } + } + }, + { + "ID": "3009", + "typeID": "__group__", + "zOrder": "103", + "measuredW": "134", + "measuredH": "44", + "w": "134", + "h": "44", + "x": "345", + "y": "462", + "properties": { + "controlName": "102-fundamental-topics:templates" + }, + "children": { + "controls": { + "control": [ { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "35", - "measuredH": "28", - "x": "76", - "y": "8", + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "134", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", "properties": { - "color": "16777215", - "size": "20", - "text": "http" + "color": "16770457" } }, { - "ID": "3", + "ID": "1", "typeID": "Label", - "zOrder": "3", - "measuredW": "5", - "measuredH": "28", - "x": "113", - "y": "8", - "properties": { - "color": "16777215", - "size": "20", - "text": ":" + "zOrder": "1", + "measuredW": "80", + "measuredH": "25", + "x": "27", + "y": "9", + "properties": { + "size": "17", + "text": "Templates" } - }, + } + ] + } + } + }, + { + "ID": "3010", + "typeID": "__group__", + "zOrder": "104", + "measuredW": "134", + "measuredH": "44", + "w": "134", + "h": "44", + "x": "345", + "y": "516", + "properties": { + "controlName": "103-fundamental-topics:directives" + }, + "children": { + "controls": { + "control": [ { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "10", - "measuredH": "28", - "x": "120", - "y": "9", + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "134", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", "properties": { - "color": "16777215", - "size": "20", - "text": "/" + "color": "16770457" } }, { - "ID": "5", + "ID": "1", "typeID": "Label", - "zOrder": "5", - "measuredW": "10", - "measuredH": "28", - "x": "128", + "zOrder": "1", + "measuredW": "77", + "measuredH": "25", + "x": "28", "y": "9", "properties": { - "color": "16777215", - "size": "20", - "text": "/" + "size": "17", + "text": "Directives" } } ] @@ -1677,1739 +2426,1926 @@ } }, { - "ID": "1965", - "typeID": "TextArea", - "zOrder": "111", - "w": "104", + "ID": "3011", + "typeID": "__group__", + "zOrder": "98", + "measuredW": "179", + "measuredH": "44", + "w": "179", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "81", - "y": "431", + "x": "300", + "y": "577", "properties": { - "color": "16770457" + "controlName": "104-fundamental-topics:api-styles" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "179", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16767334" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "76", + "measuredH": "25", + "x": "47", + "y": "9", + "properties": { + "size": "17", + "text": "API Styles" + } + } + ] + } } }, { - "ID": "1966", - "typeID": "Label", - "zOrder": "112", - "measuredW": "45", - "measuredH": "25", - "x": "110", - "y": "440", + "ID": "3012", + "typeID": "__group__", + "zOrder": "96", + "measuredW": "212", + "measuredH": "44", + "w": "212", + "h": "44", + "x": "848", + "y": "313", "properties": { - "size": "17", - "text": "Props" + "controlName": "105-fundamental-topics:app-configurations" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "212", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "146", + "measuredH": "25", + "x": "33", + "y": "9", + "properties": { + "size": "17", + "text": "App Configurations" + } + } + ] + } } }, { - "ID": "1967", - "typeID": "TextArea", - "zOrder": "113", - "w": "104", + "ID": "3013", + "typeID": "__group__", + "zOrder": "99", + "measuredW": "212", + "measuredH": "44", + "w": "212", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "193", - "y": "430", + "x": "848", + "y": "365", "properties": { - "color": "16770457" + "controlName": "106-fundamental-topics:rendering-lists" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "212", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "122", + "measuredH": "25", + "x": "45", + "y": "9", + "properties": { + "size": "17", + "text": "Rendering Lists" + } + } + ] + } } }, { - "ID": "1968", - "typeID": "Label", - "zOrder": "114", - "measuredW": "53", - "measuredH": "25", - "x": "218", - "y": "440", + "ID": "3014", + "typeID": "__group__", + "zOrder": "97", + "measuredW": "212", + "measuredH": "44", + "w": "212", + "h": "44", + "x": "848", + "y": "416", "properties": { - "size": "17", - "text": "Events" + "controlName": "107-fundamental-topics:conditional-rendering" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "212", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "173", + "measuredH": "25", + "x": "19", + "y": "9", + "properties": { + "size": "17", + "text": "Conditional Rendering" + } + } + ] + } } }, { - "ID": "1969", - "typeID": "TextArea", - "zOrder": "115", - "w": "216", + "ID": "3015", + "typeID": "__group__", + "zOrder": "92", + "measuredW": "212", + "measuredH": "44", + "w": "212", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "81", - "y": "480", + "x": "848", + "y": "466", "properties": { - "color": "16770457" + "controlName": "108-fundamental-topics:lifecycle-hooks" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "212", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "121", + "measuredH": "25", + "x": "45", + "y": "10", + "properties": { + "size": "17", + "text": "Lifecycle Hooks" + } + } + ] + } } }, { - "ID": "1970", - "typeID": "Label", - "zOrder": "116", - "measuredW": "158", - "measuredH": "25", - "x": "110", - "y": "490", + "ID": "3016", + "typeID": "__group__", + "zOrder": "100", + "measuredW": "212", + "measuredH": "44", + "w": "212", + "h": "44", + "x": "848", + "y": "516", "properties": { - "size": "17", - "text": "Attribute Inheritance" + "controlName": "109-fundamental-topics:forms-handling" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "212", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "122", + "measuredH": "25", + "x": "45", + "y": "9", + "properties": { + "size": "17", + "text": "Forms Handling" + } + } + ] + } } }, { - "ID": "1971", - "typeID": "Arrow", - "zOrder": "38", - "w": "65", - "h": "56", - "measuredW": "150", - "measuredH": "100", - "x": "287", - "y": "353", - "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": -0.5 - }, - "p1": { - "x": 0.5531295985763663, - "y": -0.08925088121556415 - }, - "p2": { - "x": 65, - "y": 55 - } - } - }, - { - "ID": "1972", - "typeID": "Arrow", - "zOrder": "37", - "w": "62", - "h": "14", - "measuredW": "150", - "measuredH": "100", - "x": "284", - "y": "404", + "ID": "3017", + "typeID": "__group__", + "zOrder": "101", + "measuredW": "212", + "measuredH": "44", + "w": "212", + "h": "44", + "x": "848", + "y": "566", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": -0.5 - }, - "p1": { - "x": 0.4067680844458243, - "y": -0.016268239677118906 - }, - "p2": { - "x": 62, - "y": 13 + "controlName": "110-fundamental-topics:events-handling" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "212", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "126", + "measuredH": "25", + "x": "43", + "y": "9", + "properties": { + "size": "17", + "text": "Events Handling" + } + } + ] } } }, { - "ID": "1973", - "typeID": "Arrow", - "zOrder": "36", - "w": "65", - "h": "31", - "measuredW": "150", - "measuredH": "100", - "x": "279", - "y": "423", + "ID": "3018", + "typeID": "__group__", + "zOrder": "93", + "measuredW": "212", + "measuredH": "44", + "w": "212", + "h": "44", + "x": "848", + "y": "616", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 30.5 - }, - "p1": { - "x": 0.40022307356578246, - "y": 0.06604917317297901 - }, - "p2": { - "x": 65, - "y": 0 + "controlName": "111-fundamental-topics:computed-properties" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "212", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "165", + "measuredH": "25", + "x": "23", + "y": "9", + "properties": { + "size": "17", + "text": "Computed Properties" + } + } + ] } } }, { - "ID": "1974", - "typeID": "Arrow", - "zOrder": "35", - "w": "66", - "h": "76", - "measuredW": "150", - "measuredH": "100", - "x": "283", - "y": "427", + "ID": "3019", + "typeID": "__group__", + "zOrder": "64", + "measuredW": "216", + "measuredH": "44", + "w": "216", + "h": "44", + "x": "81", + "y": "330", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 76 - }, - "p1": { - "x": 0.4299249901302803, - "y": 0.00493485984998026 - }, - "p2": { - "x": 66, - "y": 0 + "controlName": "100-fundamental-topics:components:single-file-components" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "183", + "measuredH": "25", + "x": "16", + "y": "10", + "properties": { + "size": "17", + "text": "Single File Components" + } + } + ] } } }, { - "ID": "1981", - "typeID": "TextArea", - "zOrder": "121", - "w": "163", + "ID": "3020", + "typeID": "__group__", + "zOrder": "65", + "measuredW": "216", + "measuredH": "44", + "w": "216", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "89", - "y": "603", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1982", - "typeID": "Label", - "zOrder": "122", - "measuredW": "128", - "measuredH": "25", - "x": "107", - "y": "612", + "x": "81", + "y": "380", "properties": { - "size": "17", - "text": "Composition API" + "controlName": "101-fundamental-topics:components:component-registration" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "188", + "measuredH": "25", + "x": "14", + "y": "10", + "properties": { + "size": "17", + "text": "Component Registration" + } + } + ] + } } }, { - "ID": "1983", - "typeID": "TextArea", - "zOrder": "123", - "w": "163", + "ID": "3021", + "typeID": "__group__", + "zOrder": "89", + "measuredW": "104", + "measuredH": "44", + "w": "104", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "89", - "y": "553", + "x": "81", + "y": "431", "properties": { - "color": "16770457" + "controlName": "102-fundamental-topics:components:props" + }, + "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": "45", + "measuredH": "25", + "x": "29", + "y": "9", + "properties": { + "size": "17", + "text": "Props" + } + } + ] + } } }, { - "ID": "1984", - "typeID": "Label", - "zOrder": "124", - "measuredW": "91", - "measuredH": "25", - "x": "125", - "y": "562", - "properties": { - "size": "17", - "text": "Options API" - } - }, - { - "ID": "1988", - "typeID": "TextArea", - "zOrder": "117", - "w": "212", + "ID": "3022", + "typeID": "__group__", + "zOrder": "90", + "measuredW": "104", + "measuredH": "44", + "w": "104", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "466", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1989", - "typeID": "Label", - "zOrder": "118", - "measuredW": "121", - "measuredH": "25", - "x": "893", - "y": "476", + "x": "193", + "y": "430", "properties": { - "size": "17", - "text": "Lifecycle Hooks" + "controlName": "103-fundamental-topics:components:events" + }, + "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": "53", + "measuredH": "25", + "x": "25", + "y": "10", + "properties": { + "size": "17", + "text": "Events" + } + } + ] + } } }, { - "ID": "1994", - "typeID": "TextArea", - "zOrder": "119", - "w": "212", + "ID": "3023", + "typeID": "__group__", + "zOrder": "91", + "measuredW": "216", + "measuredH": "44", + "w": "216", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "616", + "x": "81", + "y": "480", "properties": { - "color": "16770457" + "controlName": "104-fundamental-topics:components:attribute-inheritance" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "158", + "measuredH": "25", + "x": "29", + "y": "10", + "properties": { + "size": "17", + "text": "Attribute Inheritance" + } + } + ] + } } }, { - "ID": "1995", - "typeID": "Label", - "zOrder": "120", - "measuredW": "165", - "measuredH": "25", - "x": "871", - "y": "625", + "ID": "3024", + "typeID": "__group__", + "zOrder": "95", + "measuredW": "163", + "measuredH": "44", + "w": "163", + "h": "44", + "x": "89", + "y": "553", "properties": { - "size": "17", - "text": "Computed Properties" + "controlName": "100-fundamental-topics:api-styles:options-api" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "163", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "91", + "measuredH": "25", + "x": "36", + "y": "9", + "properties": { + "size": "17", + "text": "Options API" + } + } + ] + } } }, { - "ID": "2888", - "typeID": "TextArea", - "zOrder": "125", - "w": "212", + "ID": "3025", + "typeID": "__group__", + "zOrder": "94", + "measuredW": "163", + "measuredH": "44", + "w": "163", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "313", + "x": "89", + "y": "603", "properties": { - "color": "16770457" + "controlName": "101-fundamental-topics:api-styles:composition-api" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "163", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "128", + "measuredH": "25", + "x": "18", + "y": "9", + "properties": { + "size": "17", + "text": "Composition API" + } + } + ] + } } }, { - "ID": "2889", - "typeID": "Label", - "zOrder": "126", - "measuredW": "146", - "measuredH": "25", - "x": "881", - "y": "322", + "ID": "3026", + "typeID": "__group__", + "zOrder": "102", + "measuredW": "299", + "measuredH": "50", + "w": "299", + "h": "50", + "x": "436", + "y": "705", "properties": { - "size": "17", - "text": "App Configurations" + "controlName": "101-advanced-topics" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "299", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "130", + "measuredH": "25", + "x": "85", + "y": "12", + "properties": { + "size": "17", + "text": "Advanced Topics" + } + } + ] + } } }, { - "ID": "2892", - "typeID": "TextArea", - "zOrder": "127", - "w": "212", + "ID": "3027", + "typeID": "__group__", + "zOrder": "116", + "measuredW": "110", + "measuredH": "44", + "w": "110", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "416", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2893", - "typeID": "Label", - "zOrder": "128", - "measuredW": "173", - "measuredH": "25", - "x": "867", - "y": "425", + "x": "95", + "y": "755", "properties": { - "size": "17", - "text": "Conditional Rendering" + "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": "2894", - "typeID": "TextArea", - "zOrder": "129", - "w": "179", + "ID": "3028", + "typeID": "__group__", + "zOrder": "118", + "measuredW": "104", + "measuredH": "44", + "w": "104", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "300", - "y": "577", + "x": "212", + "y": "755", "properties": { - "color": "16767334" + "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": "2895", - "typeID": "Label", - "zOrder": "130", - "measuredW": "76", - "measuredH": "25", - "x": "347", - "y": "586", - "properties": { - "size": "17", - "text": "API Styles" - } - }, - { - "ID": "2896", - "typeID": "Arrow", - "zOrder": "15", - "w": "84", - "h": "173", - "measuredW": "150", - "measuredH": "100", - "x": "467", - "y": "430", + "ID": "3029", + "typeID": "__group__", + "zOrder": "117", + "measuredW": "222", + "measuredH": "44", + "w": "222", + "h": "44", + "x": "95", + "y": "806", "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 84, - "y": 0 - }, - "p1": { - "x": 0.5406025677062016, - "y": 0.12359189147033607 - }, - "p2": { - "x": 0, - "y": 173 + "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": "2897", - "typeID": "Arrow", - "zOrder": "33", - "w": "66", - "h": "29", - "measuredW": "150", - "measuredH": "100", - "x": "238", - "y": "601", + "ID": "3030", + "typeID": "__group__", + "zOrder": "119", + "measuredW": "222", + "measuredH": "44", + "w": "222", + "h": "44", + "x": "95", + "y": "857", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 29 - }, - "p1": { - "x": 0.33909140180668784, - "y": -0.058884933860741506 - }, - "p2": { - "x": 66, - "y": 0 + "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": "2898", - "typeID": "Arrow", - "zOrder": "34", - "w": "79", - "h": "13", - "measuredW": "150", - "measuredH": "100", - "x": "226", - "y": "582", + "ID": "3031", + "typeID": "__group__", + "zOrder": "120", + "measuredW": "107", + "measuredH": "44", + "w": "107", + "h": "44", + "x": "95", + "y": "908", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 2 - }, - "p1": { - "x": 0.3920449765553399, - "y": 0.06724676888745247 - }, - "p2": { - "x": 79, - "y": 13 + "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": "2899", - "typeID": "TextArea", - "zOrder": "131", - "w": "212", + "ID": "3032", + "typeID": "__group__", + "zOrder": "121", + "measuredW": "105", + "measuredH": "44", + "w": "105", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "365", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2900", - "typeID": "Label", - "zOrder": "132", - "measuredW": "122", - "measuredH": "25", - "x": "893", - "y": "374", + "x": "211", + "y": "908", "properties": { - "size": "17", - "text": "Rendering Lists" + "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": "2902", - "typeID": "TextArea", - "zOrder": "133", - "w": "212", + "ID": "3033", + "typeID": "__group__", + "zOrder": "122", + "measuredW": "221", + "measuredH": "44", + "w": "221", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "516", + "x": "95", + "y": "960", "properties": { - "color": "16770457" + "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": "2903", - "typeID": "Label", - "zOrder": "134", - "measuredW": "122", - "measuredH": "25", - "x": "893", - "y": "525", + "ID": "3034", + "typeID": "__group__", + "zOrder": "123", + "measuredW": "227", + "measuredH": "44", + "w": "227", + "h": "44", + "x": "359", + "y": "826", "properties": { - "size": "17", - "text": "Forms Handling" - } - }, - { - "ID": "2904", - "typeID": "TextArea", - "zOrder": "135", - "w": "212", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "566", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2905", - "typeID": "Label", - "zOrder": "136", - "measuredW": "126", - "measuredH": "25", - "x": "891", - "y": "575", - "properties": { - "size": "17", - "text": "Events Handling" - } - }, - { - "ID": "2906", - "typeID": "Arrow", - "zOrder": "32", - "w": "112", - "h": "87", - "measuredW": "150", - "measuredH": "100", - "x": "748", - "y": "329", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 112, - "y": 0 - }, - "p1": { - "x": 0.4981106746880127, - "y": 0.05503902948341868 - }, - "p2": { - "x": 0, - "y": 87 - } - } - }, - { - "ID": "2907", - "typeID": "Arrow", - "zOrder": "31", - "w": "94", - "h": "30", - "measuredW": "150", - "measuredH": "100", - "x": "763", - "y": "385", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 94, - "y": -0.5 - }, - "p1": { - "x": 0.44798938044995773, - "y": 0.0403268258073375 - }, - "p2": { - "x": 0, - "y": 29 - } - } - }, - { - "ID": "2908", - "typeID": "Arrow", - "zOrder": "30", - "w": "107", - "h": "15", - "measuredW": "150", - "measuredH": "100", - "x": "759", - "y": "424", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 107, - "y": 15 - }, - "p1": { - "x": 0.4552212800557558, - "y": -0.05494250203275645 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, - { - "ID": "2909", - "typeID": "Arrow", - "zOrder": "29", - "w": "96", - "h": "66", - "measuredW": "150", - "measuredH": "100", - "x": "764", - "y": "425", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 96, - "y": 66 - }, - "p1": { - "x": 0.5981432360742706, - "y": -0.03669319186560566 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, - { - "ID": "2910", - "typeID": "Arrow", - "zOrder": "28", - "w": "110", - "h": "114", - "measuredW": "150", - "measuredH": "100", - "x": "755", - "y": "427", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 110, - "y": 114 - }, - "p1": { - "x": 0.5467496438479419, - "y": 0.08532653520281927 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, - { - "ID": "2911", - "typeID": "Arrow", - "zOrder": "27", - "w": "102", - "h": "158", - "measuredW": "150", - "measuredH": "100", - "x": "753", - "y": "432", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 102, - "y": 158 - }, - "p1": { - "x": 0.5467496438479419, - "y": 0.08532653520281926 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, - { - "ID": "2912", - "typeID": "Arrow", - "zOrder": "26", - "w": "118", - "h": "218", - "measuredW": "150", - "measuredH": "100", - "x": "743", - "y": "423", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 117.5, - "y": 217.5 - }, - "p1": { - "x": 0.5144201268152997, - "y": 0.12669257516874619 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, - { - "ID": "2913", - "typeID": "Arrow", - "zOrder": "25", - "w": "102", - "h": "305", - "measuredW": "150", - "measuredH": "100", - "x": "558", - "y": "430", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 102, - "y": -0.5 - }, - "p1": { - "x": 0.5750441807624339, - "y": -0.17893208785660192 - }, - "p2": { - "x": 29.5, - "y": 304 - } - } - }, - { - "ID": "2914", - "typeID": "TextArea", - "zOrder": "137", - "w": "299", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "436", - "y": "705", - "properties": { - "color": "16776960" - } - }, - { - "ID": "2915", - "typeID": "Label", - "zOrder": "138", - "measuredW": "130", - "measuredH": "25", - "x": "521", - "y": "717", - "properties": { - "size": "17", - "text": "Advanced Topics" - } - }, - { - "ID": "2916", - "typeID": "TextArea", - "zOrder": "139", - "w": "134", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "345", - "y": "462", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2917", - "typeID": "Label", - "zOrder": "140", - "measuredW": "80", - "measuredH": "25", - "x": "372", - "y": "471", - "properties": { - "size": "17", - "text": "Templates" - } - }, - { - "ID": "2918", - "typeID": "TextArea", - "zOrder": "141", - "w": "134", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "345", - "y": "516", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2919", - "typeID": "Label", - "zOrder": "142", - "measuredW": "77", - "measuredH": "25", - "x": "373", - "y": "525", - "properties": { - "size": "17", - "text": "Directives" - } - }, - { - "ID": "2920", - "typeID": "Arrow", - "zOrder": "24", - "w": "79", - "h": "106", - "measuredW": "150", - "measuredH": "100", - "x": "465", - "y": "433", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 79, - "y": 0 - }, - "p1": { - "x": 0.5406025677062016, - "y": 0.12359189147033606 - }, - "p2": { - "x": 0, - "y": 106 - } - } - }, - { - "ID": "2925", - "typeID": "TextArea", - "zOrder": "143", - "w": "195", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "860", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2926", - "typeID": "Label", - "zOrder": "144", - "measuredW": "73", - "measuredH": "25", - "x": "909", - "y": "869", - "properties": { - "size": "17", - "text": "Watchers" - } - }, - { - "ID": "2927", - "typeID": "TextArea", - "zOrder": "145", - "w": "195", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "911", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2928", - "typeID": "Label", - "zOrder": "146", - "measuredW": "38", - "measuredH": "25", - "x": "927", - "y": "920", - "properties": { - "size": "17", - "text": "Slots" - } - }, - { - "ID": "2933", - "typeID": "TextArea", - "zOrder": "147", - "w": "195", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "705", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2934", - "typeID": "Label", - "zOrder": "148", - "measuredW": "140", - "measuredH": "25", - "x": "876", - "y": "714", - "properties": { - "size": "17", - "text": "Custom Directives" - } - }, - { - "ID": "2935", - "typeID": "TextArea", - "zOrder": "149", - "w": "195", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "755", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2936", - "typeID": "Label", - "zOrder": "150", - "measuredW": "116", - "measuredH": "25", - "x": "888", - "y": "764", - "properties": { - "size": "17", - "text": "Custom Events" - } - }, - { - "ID": "2937", - "typeID": "TextArea", - "zOrder": "151", - "w": "195", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "806", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2938", - "typeID": "Label", - "zOrder": "152", - "measuredW": "56", - "measuredH": "25", - "x": "918", - "y": "815", - "properties": { - "size": "17", - "text": "Plugins" - } - }, - { - "ID": "2939", - "typeID": "TextArea", - "zOrder": "153", - "w": "195", - "h": "154", - "measuredW": "200", - "measuredH": "140", - "x": "848", - "y": "967" - }, - { - "ID": "2940", - "typeID": "Label", - "zOrder": "154", - "measuredW": "85", - "measuredH": "25", - "x": "903", - "y": "979", - "properties": { - "size": "17", - "text": "Animations" - } - }, - { - "ID": "2941", - "typeID": "TextArea", - "zOrder": "155", - "w": "164", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "864", - "y": "1011", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2942", - "typeID": "Label", - "zOrder": "156", - "measuredW": "76", - "measuredH": "25", - "x": "908", - "y": "1020", - "properties": { - "size": "17", - "text": "Transition" - } - }, - { - "ID": "2943", - "typeID": "TextArea", - "zOrder": "157", - "w": "164", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "864", - "y": "1061", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2944", - "typeID": "Label", - "zOrder": "158", - "measuredW": "128", - "measuredH": "25", - "x": "882", - "y": "1070", - "properties": { - "size": "17", - "text": "Transition Group" - } - }, - { - "ID": "2945", - "typeID": "TextArea", - "zOrder": "159", - "w": "250", - "h": "312", - "measuredW": "200", - "measuredH": "140", - "x": "81", - "y": "705" - }, - { - "ID": "2946", - "typeID": "Label", - "zOrder": "160", - "measuredW": "128", - "measuredH": "25", - "x": "142", - "y": "719", - "properties": { - "size": "17", - "text": "Composition API" - } - }, - { - "ID": "2947", - "typeID": "TextArea", - "zOrder": "161", - "w": "110", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "95", - "y": "755", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2948", - "typeID": "Label", - "zOrder": "162", - "measuredW": "22", - "measuredH": "25", - "x": "139", - "y": "764", - "properties": { - "size": "17", - "text": "ref" - } - }, - { - "ID": "2949", - "typeID": "TextArea", - "zOrder": "163", - "w": "222", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "95", - "y": "806", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2950", - "typeID": "Label", - "zOrder": "164", - "measuredW": "62", - "measuredH": "25", - "x": "175", - "y": "815", - "properties": { - "size": "17", - "text": "reactive" - } - }, - { - "ID": "2951", - "typeID": "TextArea", - "zOrder": "165", - "w": "104", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "212", - "y": "755", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2952", - "typeID": "Label", - "zOrder": "166", - "measuredW": "51", - "measuredH": "25", - "x": "238", - "y": "764", - "properties": { - "size": "17", - "text": "toRefs" + "controlName": "107-advanced-topics:async-components" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "227", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "148", + "measuredH": "25", + "x": "40", + "y": "9", + "properties": { + "size": "17", + "text": "Async Components" + } + } + ] + } } }, { - "ID": "2953", - "typeID": "TextArea", - "zOrder": "167", - "w": "222", + "ID": "3035", + "typeID": "__group__", + "zOrder": "124", + "measuredW": "227", + "measuredH": "44", + "w": "227", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "95", - "y": "857", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2954", - "typeID": "Label", - "zOrder": "168", - "measuredW": "77", - "measuredH": "25", - "x": "167", - "y": "866", + "x": "357", + "y": "879", "properties": { - "size": "17", - "text": "computed" + "controlName": "108-advanced-topics:teleport-components" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "227", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "167", + "measuredH": "25", + "x": "30", + "y": "9", + "properties": { + "size": "17", + "text": "Teleport Components" + } + } + ] + } } }, { - "ID": "2955", - "typeID": "TextArea", - "zOrder": "169", - "w": "107", + "ID": "3036", + "typeID": "__group__", + "zOrder": "125", + "measuredW": "227", + "measuredH": "44", + "w": "227", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "95", - "y": "908", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2956", - "typeID": "Label", - "zOrder": "170", - "measuredW": "45", - "measuredH": "25", - "x": "126", - "y": "917", + "x": "357", + "y": "930", "properties": { - "size": "17", - "text": "watch" + "controlName": "109-advanced-topics:provide-inject" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "227", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "119", + "measuredH": "25", + "x": "54", + "y": "9", + "properties": { + "size": "17", + "text": "Provide / Inject" + } + } + ] + } } }, { - "ID": "2957", - "typeID": "TextArea", - "zOrder": "171", - "w": "105", + "ID": "3037", + "typeID": "__group__", + "zOrder": "107", + "measuredW": "195", + "measuredH": "44", + "w": "195", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "211", - "y": "908", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2958", - "typeID": "Label", - "zOrder": "172", - "measuredW": "64", - "measuredH": "25", - "x": "232", - "y": "917", + "x": "848", + "y": "705", "properties": { - "size": "17", - "text": "nextTick" + "controlName": "110-advanced-topics:custom-directives" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "195", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "140", + "measuredH": "25", + "x": "28", + "y": "9", + "properties": { + "size": "17", + "text": "Custom Directives" + } + } + ] + } } }, { - "ID": "2959", - "typeID": "TextArea", - "zOrder": "173", - "w": "221", + "ID": "3038", + "typeID": "__group__", + "zOrder": "108", + "measuredW": "195", + "measuredH": "44", + "w": "195", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "95", - "y": "960", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2960", - "typeID": "Label", - "zOrder": "174", - "measuredW": "106", - "measuredH": "25", - "x": "153", - "y": "969", + "x": "848", + "y": "755", "properties": { - "size": "17", - "text": "Composables" + "controlName": "111-advanced-topics:custom-events" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "195", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "116", + "measuredH": "25", + "x": "40", + "y": "9", + "properties": { + "size": "17", + "text": "Custom Events" + } + } + ] + } } }, { - "ID": "2961", - "typeID": "TextArea", - "zOrder": "175", - "w": "227", + "ID": "3039", + "typeID": "__group__", + "zOrder": "109", + "measuredW": "195", + "measuredH": "44", + "w": "195", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "359", - "y": "826", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2962", - "typeID": "Label", - "zOrder": "176", - "measuredW": "148", - "measuredH": "25", - "x": "399", - "y": "835", + "x": "848", + "y": "806", "properties": { - "size": "17", - "text": "Async Components" + "controlName": "112-advanced-topics:plugins" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "195", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "56", + "measuredH": "25", + "x": "70", + "y": "9", + "properties": { + "size": "17", + "text": "Plugins" + } + } + ] + } } }, { - "ID": "2963", - "typeID": "TextArea", - "zOrder": "177", - "w": "227", + "ID": "3040", + "typeID": "__group__", + "zOrder": "105", + "measuredW": "195", + "measuredH": "44", + "w": "195", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "357", - "y": "879", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2964", - "typeID": "Label", - "zOrder": "178", - "measuredW": "167", - "measuredH": "25", - "x": "387", - "y": "888", + "x": "848", + "y": "860", "properties": { - "size": "17", - "text": "Teleport Components" + "controlName": "113-advanced-topics:watchers" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "195", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "73", + "measuredH": "25", + "x": "61", + "y": "9", + "properties": { + "size": "17", + "text": "Watchers" + } + } + ] + } } }, { - "ID": "2965", - "typeID": "TextArea", - "zOrder": "179", - "w": "227", + "ID": "3041", + "typeID": "__group__", + "zOrder": "106", + "measuredW": "195", + "measuredH": "44", + "w": "195", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "357", - "y": "930", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2966", - "typeID": "Label", - "zOrder": "180", - "measuredW": "119", - "measuredH": "25", - "x": "411", - "y": "939", + "x": "848", + "y": "911", "properties": { - "size": "17", - "text": "Provide / Inject" + "controlName": "114-advanced-topics:slots" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "195", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "38", + "measuredH": "25", + "x": "79", + "y": "9", + "properties": { + "size": "17", + "text": "Slots" + } + } + ] + } } }, { - "ID": "2967", - "typeID": "Arrow", - "zOrder": "23", - "w": "149", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "309", - "y": "727", + "ID": "3042", + "typeID": "__group__", + "zOrder": "112", + "measuredW": "164", + "measuredH": "44", + "w": "164", + "h": "44", + "x": "864", + "y": "1011", "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 148.5, - "y": 0 - }, - "p1": { - "x": 0.48078719561561933, - "y": 0.004484025658591266 - }, - "p2": { - "x": -0.5, - "y": 3 + "controlName": "115-advanced-topics:transition" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "164", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "76", + "measuredH": "25", + "x": "44", + "y": "9", + "properties": { + "size": "17", + "text": "Transition" + } + } + ] } } }, { - "ID": "2968", - "typeID": "Arrow", - "zOrder": "22", - "w": "1", - "h": "209", - "measuredW": "150", - "measuredH": "100", - "x": "488", - "y": "737", + "ID": "3043", + "typeID": "__group__", + "zOrder": "113", + "measuredW": "164", + "measuredH": "44", + "w": "164", + "h": "44", + "x": "864", + "y": "1061", "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.5, - "y": 0 - }, - "p1": { - "x": 0.4807871956156192, - "y": 0.004484025658591266 - }, - "p2": { - "x": -0.5, - "y": 209 + "controlName": "116-advanced-topics:transition-group" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "164", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "128", + "measuredH": "25", + "x": "18", + "y": "9", + "properties": { + "size": "17", + "text": "Transition Group" + } + } + ] } } }, { - "ID": "2969", - "typeID": "Arrow", - "zOrder": "21", - "w": "140", - "h": "7", - "measuredW": "150", - "measuredH": "100", - "x": "721", - "y": "720", + "ID": "3044", + "typeID": "__group__", + "zOrder": "67", + "measuredW": "299", + "measuredH": "50", + "w": "299", + "h": "50", + "x": "436", + "y": "1179", "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 140, - "y": 7 - }, - "p1": { - "x": 0.47368421052631576, - "y": -0.03947368421052631 - }, - "p2": { - "x": 0, - "y": 3.5 + "controlName": "102-ecosystem" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "299", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "84", + "measuredH": "25", + "x": "108", + "y": "12", + "properties": { + "size": "17", + "text": "Ecosystem" + } + } + ] } } }, { - "ID": "2970", - "typeID": "Arrow", - "zOrder": "20", - "w": "133", - "h": "48", - "measuredW": "150", - "measuredH": "100", - "x": "725", - "y": "733", + "ID": "3045", + "typeID": "__group__", + "zOrder": "72", + "measuredW": "142", + "measuredH": "44", + "w": "142", + "h": "44", + "x": "440", + "y": "1096", "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 133, - "y": 47 - }, - "p1": { - "x": 0.46151734953930607, - "y": -0.013252303469907878 - }, - "p2": { - "x": 0, - "y": -0.5 + "controlName": "100-ecosystem:routing" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "142", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16767334" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "60", + "measuredH": "25", + "x": "41", + "y": "9", + "properties": { + "size": "17", + "text": "Routing" + } + } + ] } } }, { - "ID": "2971", - "typeID": "Arrow", - "zOrder": "19", - "w": "137", - "h": "91", - "measuredW": "150", - "measuredH": "100", - "x": "725", - "y": "740", + "ID": "3046", + "typeID": "__group__", + "zOrder": "68", + "measuredW": "108", + "measuredH": "44", + "w": "108", + "h": "44", + "x": "305", + "y": "1096", "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 137, - "y": 90 - }, - "p1": { - "x": 0.44160198696057107, - "y": 0.0651350512263272 - }, - "p2": { - "x": 0, - "y": -0.5 + "controlName": "101-ecosystem:forms" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "108", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16767334" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "48", + "measuredH": "25", + "x": "30", + "y": "9", + "properties": { + "size": "17", + "text": "Forms" + } + } + ] } } }, { - "ID": "2972", - "typeID": "Arrow", - "zOrder": "18", - "w": "145", - "h": "140", - "measuredW": "150", - "measuredH": "100", - "x": "713", - "y": "741", + "ID": "3047", + "typeID": "__group__", + "zOrder": "127", + "measuredW": "108", + "measuredH": "44", + "w": "108", + "h": "44", + "x": "305", + "y": "1256", "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 145, - "y": 140 - }, - "p1": { - "x": 0.41144615384615385, - "y": 0.05243076923076923 - }, - "p2": { - "x": 0, - "y": 0 + "controlName": "102-ecosystem:ssr" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "108", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16767334" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "33", + "measuredH": "25", + "x": "37", + "y": "9", + "properties": { + "size": "17", + "text": "SSR" + } + } + ] } } }, { - "ID": "2973", - "typeID": "Arrow", - "zOrder": "17", - "w": "161", - "h": "195", - "measuredW": "150", - "measuredH": "100", - "x": "699", - "y": "739", + "ID": "3048", + "typeID": "__group__", + "zOrder": "128", + "measuredW": "108", + "measuredH": "44", + "w": "108", + "h": "44", + "x": "305", + "y": "1307", "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 161, - "y": 195 - }, - "p1": { - "x": 0.4134269539924311, - "y": 0.05352954054983893 - }, - "p2": { - "x": 0, - "y": 0 + "controlName": "103-ecosystem:ssg" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "108", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16767334" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "34", + "measuredH": "25", + "x": "37", + "y": "9", + "properties": { + "size": "17", + "text": "SSG" + } + } + ] } } }, { - "ID": "2974", - "typeID": "Arrow", - "zOrder": "16", - "w": "167", - "h": "259", - "measuredW": "150", - "measuredH": "100", - "x": "692", - "y": "739", + "ID": "3049", + "typeID": "__group__", + "zOrder": "83", + "measuredW": "160", + "measuredH": "44", + "w": "160", + "h": "44", + "x": "342", + "y": "1438", "properties": { - "color": "2848996", - "curvature": "0", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 167, - "y": 259 - }, - "p1": { - "x": 0.39279337769842565, - "y": 0.08026294432721957 - }, - "p2": { - "x": 0, - "y": 0 + "controlName": "104-ecosystem:state-management" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "160", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16767334" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "92", + "measuredH": "25", + "x": "34", + "y": "9", + "properties": { + "size": "17", + "text": "State Mgmt." + } + } + ] } } }, { - "ID": "2975", + "ID": "3050", "typeID": "__group__", - "zOrder": "110", - "measuredW": "576", - "measuredH": "105", - "w": "576", - "h": "105", - "x": "321", - "y": "1837", + "zOrder": "82", + "measuredW": "160", + "measuredH": "44", + "w": "160", + "h": "44", + "x": "342", + "y": "1509", + "properties": { + "controlName": "105-ecosystem:mobile-apps" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "160", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16767334" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "95", + "measuredH": "25", + "x": "32", + "y": "9", + "properties": { + "size": "17", + "text": "Mobile Apps" + } + } + ] + } + } + }, + { + "ID": "3051", + "typeID": "__group__", + "zOrder": "74", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "345", + "y": "1575", "properties": { - "controlName": "ext_link:roadmap.sh/frontend" + "controlName": "106-ecosystem:api-calls" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Canvas", + "typeID": "TextArea", "zOrder": "0", - "w": "576", - "h": "105", - "measuredW": "100", - "measuredH": "70", + "w": "157", + "h": "44", + "measuredW": "200", + "measuredH": "140", "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "502", - "measuredH": "32", - "x": "40", - "y": "22", + "y": "0", "properties": { - "size": "24", - "text": "Frontend Roadmap after Framework Selection" + "color": "16767334" } }, { - "ID": "2", + "ID": "1", "typeID": "Label", - "zOrder": "2", - "measuredW": "171", - "measuredH": "26", - "x": "205", - "y": "58", + "zOrder": "1", + "measuredW": "69", + "measuredH": "25", + "x": "44", + "y": "9", "properties": { - "text": "roadmap.sh/frontend", - "size": "18", - "color": "10027263" + "size": "17", + "text": "API Calls" } } ] @@ -3417,585 +4353,989 @@ } }, { - "ID": "2976", - "typeID": "Arrow", - "zOrder": "14", - "w": "1", - "h": "55", - "measuredW": "150", - "measuredH": "100", - "x": "510", - "y": "1060", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 55 - }, - "p1": { - "x": 0.6380090497737557, - "y": -0.0018099547511312255 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, - { - "ID": "2977", - "typeID": "Arrow", - "zOrder": "13", - "w": "1", - "h": "78", - "measuredW": "150", - "measuredH": "100", - "x": "510", - "y": "1127", + "ID": "3052", + "typeID": "__group__", + "zOrder": "133", + "measuredW": "197", + "measuredH": "44", + "w": "197", + "h": "44", + "x": "829", + "y": "1231", "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 78 - }, - "p1": { - "x": 0.6380090497737557, - "y": -0.0018099547511312257 - }, - "p2": { - "x": 0, - "y": 0 + "controlName": "107-ecosystem:jest" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "197", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "33", + "measuredH": "25", + "x": "92", + "y": "10", + "properties": { + "size": "17", + "text": "Jest" + } + } + ] } } }, { - "ID": "2978", - "typeID": "Arrow", - "zOrder": "12", - "w": "82", - "h": "79", - "measuredW": "150", - "measuredH": "100", - "x": "365", - "y": "1127", + "ID": "3053", + "typeID": "__group__", + "zOrder": "134", + "measuredW": "198", + "measuredH": "44", + "w": "198", + "h": "44", + "x": "829", + "y": "1280", "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 82, - "y": 78.5 - }, - "p1": { - "x": 0.6030918077610684, - "y": 0.1775581028499316 - }, - "p2": { - "x": 0, - "y": 0 + "controlName": "108-ecosystem:vue-testing-library" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "198", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "147", + "measuredH": "25", + "x": "25", + "y": "10", + "properties": { + "size": "17", + "text": "Vue Testing Library" + } + } + ] } } }, { - "ID": "2979", - "typeID": "TextArea", - "zOrder": "181", - "w": "157", - "h": "44", + "ID": "3054", + "typeID": "__group__", + "zOrder": "135", "measuredW": "200", - "measuredH": "140", - "x": "95", - "y": "1362", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2980", - "typeID": "Label", - "zOrder": "182", - "measuredW": "72", - "measuredH": "25", - "x": "138", - "y": "1372", - "properties": { - "size": "17", - "text": "Vuepress" - } - }, - { - "ID": "2981", - "typeID": "TextArea", - "zOrder": "183", - "w": "108", + "measuredH": "44", + "w": "200", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "305", - "y": "1256", + "x": "829", + "y": "1329", "properties": { - "color": "16767334" + "controlName": "109-ecosystem:cypress" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "63", + "measuredH": "25", + "x": "76", + "y": "10", + "properties": { + "size": "17", + "text": "Cypress" + } + } + ] + } } }, { - "ID": "2982", - "typeID": "Label", - "zOrder": "184", - "measuredW": "33", - "measuredH": "25", - "x": "342", - "y": "1265", + "ID": "3055", + "typeID": "__group__", + "zOrder": "139", + "measuredW": "198", + "measuredH": "44", + "w": "198", + "h": "44", + "x": "830", + "y": "1456", "properties": { - "size": "17", - "text": "SSR" - } - }, - { - "ID": "2983", - "typeID": "Arrow", - "zOrder": "10", - "w": "87", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "233", - "y": "1276", + "controlName": "110-ecosystem:tailwind-css" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "198", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "98", + "measuredH": "25", + "x": "50", + "y": "10", + "properties": { + "size": "17", + "text": "Tailwind CSS" + } + } + ] + } + } + }, + { + "ID": "3056", + "typeID": "__group__", + "zOrder": "140", + "measuredW": "198", + "measuredH": "44", + "w": "198", + "h": "44", + "x": "830", + "y": "1505", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 87, - "y": 4.5 - }, - "p1": { - "x": 0.5375000000000003, - "y": -0.025000000000000022 - }, - "p2": { - "x": 0, - "y": 1.5 + "controlName": "111-ecosystem:vuetify" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "198", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "52", + "measuredH": "25", + "x": "73", + "y": "10", + "properties": { + "size": "17", + "text": "Vuetify" + } + } + ] } } }, { - "ID": "2984", - "typeID": "TextArea", - "zOrder": "185", - "w": "108", + "ID": "3057", + "typeID": "__group__", + "zOrder": "141", + "measuredW": "198", + "measuredH": "44", + "w": "198", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "305", - "y": "1307", + "x": "830", + "y": "1553", "properties": { - "color": "16767334" + "controlName": "112-ecosystem:element-ui" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "198", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "87", + "measuredH": "25", + "x": "55", + "y": "10", + "properties": { + "size": "17", + "text": "Element UI" + } + } + ] + } } }, { - "ID": "2985", - "typeID": "Label", - "zOrder": "186", - "measuredW": "34", - "measuredH": "25", - "x": "342", - "y": "1316", + "ID": "3058", + "typeID": "__group__", + "zOrder": "73", + "measuredW": "143", + "measuredH": "44", + "w": "143", + "h": "44", + "x": "439", + "y": "1034", "properties": { - "size": "17", - "text": "SSG" + "controlName": "100-ecosystem:routing:vue-router" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "143", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "87", + "measuredH": "25", + "x": "28", + "y": "9", + "properties": { + "size": "17", + "text": "Vue Router" + } + } + ] + } } }, { - "ID": "2986", - "typeID": "Arrow", - "zOrder": "9", - "w": "81", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "234", - "y": "1333", + "ID": "3059", + "typeID": "__group__", + "zOrder": "69", + "measuredW": "171", + "measuredH": "44", + "w": "171", + "h": "44", + "x": "81", + "y": "1048", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 81, - "y": 1.5 - }, - "p1": { - "x": 0.5375000000000002, - "y": -0.02500000000000002 - }, - "p2": { - "x": 0, - "y": 2.5 + "controlName": "100-ecosystem:forms:vue-formulate" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "171", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "112", + "measuredH": "25", + "x": "30", + "y": "9", + "properties": { + "size": "17", + "text": "Vue Formulate" + } + } + ] } } }, { - "ID": "2987", - "typeID": "Arrow", - "zOrder": "7", - "w": "81", - "h": "49", - "measuredW": "150", - "measuredH": "100", - "x": "235", - "y": "1283", + "ID": "3060", + "typeID": "__group__", + "zOrder": "70", + "measuredW": "171", + "measuredH": "44", + "w": "171", + "h": "44", + "x": "81", + "y": "1098", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 81, - "y": 48.5 - }, - "p1": { - "x": 0.5375000000000003, - "y": -0.025000000000000123 - }, - "p2": { - "x": 0, - "y": -0.5 + "controlName": "101-ecosystem:forms:vee-validate" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "171", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "95", + "measuredH": "25", + "x": "38", + "y": "10", + "properties": { + "size": "17", + "text": "Vee Validate" + } + } + ] } } }, { - "ID": "2988", - "typeID": "Arrow", - "zOrder": "6", - "w": "58", - "h": "115", - "measuredW": "150", - "measuredH": "100", - "x": "395", - "y": "1217", + "ID": "3061", + "typeID": "__group__", + "zOrder": "71", + "measuredW": "171", + "measuredH": "44", + "w": "171", + "h": "44", + "x": "81", + "y": "1148", + "properties": { + "controlName": "102-ecosystem:forms:vuelidate" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "171", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "72", + "measuredH": "25", + "x": "50", + "y": "9", + "properties": { + "size": "17", + "text": "Vuelidate" + } + } + ] + } + } + }, + { + "ID": "3062", + "typeID": "__group__", + "zOrder": "136", + "measuredW": "158", + "measuredH": "44", + "w": "158", + "h": "44", + "x": "92", + "y": "1204", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 114 - }, - "p1": { - "x": 0.3905730129390017, - "y": -0.10979667282809613 - }, - "p2": { - "x": 58, - "y": -0.5 + "controlName": "100-ecosystem:ssr:quasar" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "158", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "57", + "measuredH": "25", + "x": "50", + "y": "9", + "properties": { + "size": "17", + "text": "Quasar" + } + } + ] } } }, { - "ID": "2989", - "typeID": "Arrow", - "zOrder": "5", - "w": "115", - "h": "359", - "measuredW": "150", - "measuredH": "100", - "x": "484", - "y": "1238", + "ID": "3063", + "typeID": "__group__", + "zOrder": "84", + "measuredW": "158", + "measuredH": "44", + "w": "158", + "h": "44", + "x": "92", + "y": "1256", "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 98, - "y": 0 - }, - "p1": { - "x": 0.675598782883057, - "y": 0.20191197026423305 - }, - "p2": { - "x": 0, - "y": 359 + "controlName": "101-ecosystem:ssr:nuxt-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "158", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "52", + "measuredH": "25", + "x": "53", + "y": "9", + "properties": { + "size": "17", + "text": "Nuxt.js" + } + } + ] } } }, { - "ID": "2990", - "typeID": "TextArea", - "zOrder": "187", - "w": "156", + "ID": "3064", + "typeID": "__group__", + "zOrder": "85", + "measuredW": "157", + "measuredH": "44", + "w": "157", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "130", - "y": "1510", + "x": "93", + "y": "1311", "properties": { - "color": "16770457" + "controlName": "100-ecosystem:ssg:gridsome" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "157", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "75", + "measuredH": "25", + "x": "41", + "y": "10", + "properties": { + "size": "17", + "text": "Gridsome" + } + } + ] + } } }, { - "ID": "2991", - "typeID": "Label", - "zOrder": "188", - "measuredW": "76", - "measuredH": "25", - "x": "170", - "y": "1519", + "ID": "3065", + "typeID": "__group__", + "zOrder": "126", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "95", + "y": "1362", "properties": { - "size": "17", - "text": "Capacitor" + "controlName": "101-ecosystem:ssg:vuepress" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "157", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "72", + "measuredH": "25", + "x": "43", + "y": "10", + "properties": { + "size": "17", + "text": "Vuepress" + } + } + ] + } } }, { - "ID": "2992", - "typeID": "Arrow", - "zOrder": "4", - "w": "81", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "282", - "y": "1530", + "ID": "3066", + "typeID": "__group__", + "zOrder": "130", + "measuredW": "156", + "measuredH": "44", + "w": "156", + "h": "44", + "x": "130", + "y": "1438", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 81, - "y": 1.5 - }, - "p1": { - "x": 0.5375000000000002, - "y": -0.02500000000000002 - }, - "p2": { - "x": 0, - "y": 2.5 + "controlName": "100-ecosystem:state-management:pinia" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "156", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "38", + "measuredH": "25", + "x": "59", + "y": "9", + "properties": { + "size": "17", + "text": "Pinia" + } + } + ] } } }, { - "ID": "2993", - "typeID": "Arrow", - "zOrder": "3", - "w": "76", - "h": "211", - "measuredW": "150", - "measuredH": "100", - "x": "489", - "y": "1248", + "ID": "3067", + "typeID": "__group__", + "zOrder": "129", + "measuredW": "156", + "measuredH": "44", + "w": "156", + "h": "44", + "x": "130", + "y": "1510", "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 71, - "y": 0 - }, - "p1": { - "x": 0.6755987828830532, - "y": 0.20191197026423105 - }, - "p2": { - "x": 0, - "y": 211 + "controlName": "100-ecosystem:mobile-apps:capacitor" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "156", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "76", + "measuredH": "25", + "x": "40", + "y": "9", + "properties": { + "size": "17", + "text": "Capacitor" + } + } + ] } } }, { - "ID": "2994", - "typeID": "TextArea", - "zOrder": "189", + "ID": "3068", + "typeID": "__group__", + "zOrder": "79", + "measuredW": "156", + "measuredH": "44", "w": "156", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "130", - "y": "1438", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2995", - "typeID": "Label", - "zOrder": "190", - "measuredW": "38", - "measuredH": "25", - "x": "189", - "y": "1447", - "properties": { - "size": "17", - "text": "Pinia" - } - }, - { - "ID": "2996", - "typeID": "Arrow", - "zOrder": "2", - "w": "107", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "259", - "y": "1459", + "x": "129", + "y": "1573", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 107, - "y": 2.5 - }, - "p1": { - "x": 0.5375000000000002, - "y": -0.02500000000000002 - }, - "p2": { - "x": 0, - "y": 2.5 + "controlName": "100-ecosystem:api-calls:apollo" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "156", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "48", + "measuredH": "25", + "x": "55", + "y": "10", + "properties": { + "size": "17", + "text": "Apollo" + } + } + ] } } }, { - "ID": "2997", - "typeID": "TextArea", - "zOrder": "191", - "w": "228", - "h": "205", - "measuredW": "200", - "measuredH": "140", - "x": "815", - "y": "1182" - }, - { - "ID": "2998", - "typeID": "Label", - "zOrder": "192", - "measuredW": "56", - "measuredH": "25", - "x": "901", - "y": "1196", - "properties": { - "size": "17", - "text": "Testing" - } - }, - { - "ID": "3001", - "typeID": "TextArea", - "zOrder": "199", - "w": "158", + "ID": "3069", + "typeID": "__group__", + "zOrder": "80", + "measuredW": "156", + "measuredH": "44", + "w": "156", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "92", - "y": "1204", + "x": "129", + "y": "1621", "properties": { - "color": "16770457" + "controlName": "101-ecosystem:api-calls:vue-relay" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "156", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "78", + "measuredH": "25", + "x": "39", + "y": "9", + "properties": { + "size": "17", + "text": "Vue Relay" + } + } + ] + } } }, { - "ID": "3002", - "typeID": "Label", - "zOrder": "200", - "measuredW": "57", - "measuredH": "25", - "x": "142", - "y": "1213", + "ID": "3070", + "typeID": "__group__", + "zOrder": "75", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "130", + "y": "1699", "properties": { - "size": "17", - "text": "Quasar" + "controlName": "102-ecosystem:api-calls:axios" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "157", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "41", + "measuredH": "25", + "x": "57", + "y": "10", + "properties": { + "size": "17", + "text": "Axios" + } + } + ] + } } }, { - "ID": "3003", - "typeID": "Arrow", - "zOrder": "0", - "w": "78", - "h": "51", - "measuredW": "150", - "measuredH": "100", - "x": "241", - "y": "1224", + "ID": "3071", + "typeID": "__group__", + "zOrder": "76", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "129", + "y": "1749", "properties": { - "color": "2848996", - "curvature": "1", - "direction": "top", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 78, - "y": 50.5 - }, - "p1": { - "x": 0.5375000000000003, - "y": -0.025 - }, - "p2": { - "x": 0, - "y": -0.5 + "controlName": "103-ecosystem:api-calls:unfetch" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "157", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "61", + "measuredH": "25", + "x": "49", + "y": "10", + "properties": { + "size": "17", + "text": "Unfetch" + } + } + ] } } }, { - "ID": "3004", - "typeID": "TextArea", - "zOrder": "201", - "w": "228", - "h": "212", - "measuredW": "200", - "measuredH": "140", - "x": "815", - "y": "1402" - }, - { - "ID": "3005", - "typeID": "Label", - "zOrder": "202", - "measuredW": "51", - "measuredH": "25", - "x": "903", - "y": "1417", + "ID": "3072", + "typeID": "__group__", + "zOrder": "77", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "129", + "y": "1798", "properties": { - "size": "17", - "text": "Styling" + "controlName": "104-ecosystem:api-calls:superagent" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "157", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "88", + "measuredH": "25", + "x": "35", + "y": "10", + "properties": { + "size": "17", + "text": "superagent" + } + } + ] + } } } ]