developer-roadmap/public/project/vue.json

{
  "mockup": {
    "controls": {
      "control": [
        {
          "ID": "1762",
          "typeID": "Arrow",
          "zOrder": "41",
          "w": "45",
          "h": "106",
          "measuredW": "150",
          "measuredH": "100",
          "x": "695",
          "y": "166",
          "properties": {
            "curvature": "0",
            "leftArrow": "false",
            "rightArrow": "false",
            "color": "10027263",
            "p0": {
              "x": 4,
              "y": 0
            },
            "p1": {
              "x": 0.4965158371040725,
              "y": -0.18375565610859723
            },
            "p2": {
              "x": 45,
              "y": 105.5
            }
          }
        },
        {
          "ID": "1763",
          "typeID": "Label",
          "zOrder": "42",
          "measuredW": "74",
          "measuredH": "36",
          "x": "740",
          "y": "288",
          "properties": {
            "size": "28",
            "text": "Vue.js"
          }
        },
        {
          "ID": "1764",
          "typeID": "Arrow",
          "zOrder": "43",
          "w": "27",
          "measuredW": "150",
          "measuredH": "100",
          "x": "688",
          "y": "27",
          "properties": {
            "curvature": "0",
            "leftArrow": "false",
            "rightArrow": "false",
            "color": "10027263",
            "stroke": "dotted",
            "p0": {
              "x": 20.66666666666663,
              "y": -0.33333333333333215
            },
            "p1": {
              "x": 0.4525527916281198,
              "y": 0.13367847141227748
            },
            "p2": {
              "x": -0.019880609337405986,
              "y": 99.62109147224172
            }
          }
        },
        {
          "ID": "1766",
          "typeID": "Arrow",
          "zOrder": "10",
          "w": "91",
          "h": "56",
          "measuredW": "150",
          "measuredH": "100",
          "x": "360",
          "y": "1331",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 91,
              "y": -0.5
            },
            "p1": {
              "x": 0.6109328221585648,
              "y": -0.04544573434706774
            },
            "p2": {
              "x": 0,
              "y": 55.5
            }
          }
        },
        {
          "ID": "1775",
          "typeID": "Arrow",
          "zOrder": "44",
          "w": "7",
          "h": "812",
          "measuredW": "150",
          "measuredH": "100",
          "x": "763",
          "y": "1213",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "p0": {
              "x": 0.33333333333337123,
              "y": 0
            },
            "p1": {
              "x": 0.5326751848090502,
              "y": 0.008478779433645877
            },
            "p2": {
              "x": 0.33333333333337123,
              "y": 812.4044116976004
            }
          }
        },
        {
          "ID": "1777",
          "typeID": "Arrow",
          "zOrder": "45",
          "w": "185",
          "h": "260",
          "measuredW": "150",
          "measuredH": "100",
          "x": "815",
          "y": "1206",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 0,
              "y": 0
            },
            "p1": {
              "x": 0.6386805175102197,
              "y": -0.153177546462135
            },
            "p2": {
              "x": 184.65450646720024,
              "y": 260.0261202608003
            }
          }
        },
        {
          "ID": "1780",
          "typeID": "Arrow",
          "zOrder": "46",
          "w": "74",
          "h": "47",
          "measuredW": "150",
          "measuredH": "100",
          "x": "362",
          "y": "1066",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 74,
              "y": 46.5
            },
            "p1": {
              "x": 0.48867924528301887,
              "y": 0.06037735849056604
            },
            "p2": {
              "x": 0,
              "y": -0.5
            }
          }
        },
        {
          "ID": "1781",
          "typeID": "Arrow",
          "zOrder": "13",
          "w": "78",
          "h": "4",
          "measuredW": "150",
          "measuredH": "100",
          "x": "358",
          "y": "1116",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 78,
              "y": 4
            },
            "p1": {
              "x": 0.5375000000000001,
              "y": -0.025000000000000005
            },
            "p2": {
              "x": 0,
              "y": 0.5
            }
          }
        },
        {
          "ID": "1785",
          "typeID": "Arrow",
          "zOrder": "3",
          "w": "160",
          "h": "6",
          "measuredW": "150",
          "measuredH": "100",
          "x": "841",
          "y": "1202",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 0,
              "y": 0
            },
            "p1": {
              "x": 0.40018141960843606,
              "y": -0.010431627485070682
            },
            "p2": {
              "x": 159.99273204480028,
              "y": 5.748583784000175
            }
          }
        },
        {
          "ID": "1786",
          "typeID": "Arrow",
          "zOrder": "47",
          "w": "80",
          "h": "44",
          "measuredW": "150",
          "measuredH": "100",
          "x": "357",
          "y": "1125",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 80,
              "y": -0.5
            },
            "p1": {
              "x": 0.4805662188099808,
              "y": -0.05806142034548944
            },
            "p2": {
              "x": 0,
              "y": 43.5
            }
          }
        },
        {
          "ID": "1787",
          "typeID": "Arrow",
          "zOrder": "48",
          "w": "83",
          "h": "45",
          "measuredW": "150",
          "measuredH": "100",
          "x": "343",
          "y": "1602",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": -0.4142521343999306,
              "y": 44.686573236800314
            },
            "p1": {
              "x": 0.485427381827088,
              "y": 0.05241244183198637
            },
            "p2": {
              "x": 82.5,
              "y": 0
            }
          }
        },
        {
          "ID": "1788",
          "typeID": "Arrow",
          "zOrder": "49",
          "w": "90",
          "h": "3",
          "measuredW": "150",
          "measuredH": "100",
          "x": "340",
          "y": "1594",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": -0.09070328959990093,
              "y": 3.1722268656003507
            },
            "p1": {
              "x": 0.38285714285714273,
              "y": 5.304829345092718e-18
            },
            "p2": {
              "x": 89.5,
              "y": 0
            }
          }
        },
        {
          "ID": "1790",
          "typeID": "Arrow",
          "zOrder": "50",
          "w": "82",
          "h": "197",
          "measuredW": "150",
          "measuredH": "100",
          "x": "347",
          "y": "1604",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": -0.3995754015999182,
              "y": 196.58251466080037
            },
            "p1": {
              "x": 0.4806545191468839,
              "y": -0.05408932611764037
            },
            "p2": {
              "x": 81.5,
              "y": 0
            }
          }
        },
        {
          "ID": "1791",
          "typeID": "Arrow",
          "zOrder": "51",
          "w": "96",
          "h": "236",
          "measuredW": "150",
          "measuredH": "100",
          "x": "344",
          "y": "1613",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": -0.07602655679994541,
              "y": 235.75863545440052
            },
            "p1": {
              "x": 0.38845024469820544,
              "y": -0.12424143556280588
            },
            "p2": {
              "x": 95.5,
              "y": 0
            }
          }
        },
        {
          "ID": "1792",
          "typeID": "Arrow",
          "zOrder": "52",
          "w": "84",
          "h": "138",
          "measuredW": "150",
          "measuredH": "100",
          "x": "347",
          "y": "1601",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": -0.3995754015999182,
              "y": 138.02413809120048
            },
            "p1": {
              "x": 0.48542738182708794,
              "y": 0.052412441831986276
            },
            "p2": {
              "x": 83.5,
              "y": 0
            }
          }
        },
        {
          "ID": "1795",
          "typeID": "Arrow",
          "zOrder": "53",
          "w": "40",
          "h": "67",
          "measuredW": "150",
          "measuredH": "100",
          "x": "524",
          "y": "1208",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 0,
              "y": 66.5
            },
            "p1": {
              "x": 0.5210888020482414,
              "y": 0.050532273278533886
            },
            "p2": {
              "x": 40,
              "y": -0.5
            }
          }
        },
        {
          "ID": "1797",
          "typeID": "Arrow",
          "zOrder": "54",
          "w": "96",
          "h": "313",
          "measuredW": "150",
          "measuredH": "100",
          "x": "604",
          "y": "1216",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 78,
              "y": -0.5
            },
            "p1": {
              "x": 0.6755987828830571,
              "y": 0.20191197026423297
            },
            "p2": {
              "x": 0,
              "y": 312
            }
          }
        },
        {
          "ID": "1799",
          "typeID": "Arrow",
          "zOrder": "55",
          "w": "105",
          "h": "453",
          "measuredW": "150",
          "measuredH": "100",
          "x": "713",
          "y": "739",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "p0": {
              "x": 0,
              "y": 0
            },
            "p1": {
              "x": 0.5185682873198143,
              "y": 0.16381627168336174
            },
            "p2": {
              "x": 53.8032559648002,
              "y": 453.3589896416004
            }
          }
        },
        {
          "ID": "1810",
          "typeID": "Arrow",
          "zOrder": "56",
          "w": "69",
          "h": "59",
          "measuredW": "150",
          "measuredH": "100",
          "x": "591",
          "y": "430",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 69,
              "y": 0
            },
            "p1": {
              "x": 0.44947028326696226,
              "y": -0.10519197535502291
            },
            "p2": {
              "x": 0.4957052992001536,
              "y": 59.12144861280012
            }
          }
        },
        {
          "ID": "1820",
          "typeID": "Arrow",
          "zOrder": "57",
          "w": "25",
          "h": "70",
          "measuredW": "150",
          "measuredH": "100",
          "x": "786",
          "y": "343",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "p0": {
              "x": 22,
              "y": -0.5
            },
            "p1": {
              "x": 0.44883470778056644,
              "y": 0.15539619935460727
            },
            "p2": {
              "x": 0,
              "y": 69
            }
          }
        },
        {
          "ID": "1821",
          "typeID": "Canvas",
          "zOrder": "58",
          "w": "350",
          "h": "141",
          "measuredW": "100",
          "measuredH": "70",
          "x": "964",
          "y": "69"
        },
        {
          "ID": "1822",
          "typeID": "Label",
          "zOrder": "59",
          "measuredW": "314",
          "measuredH": "25",
          "x": "978",
          "y": "86",
          "properties": {
            "size": "17",
            "text": "Find the detailed version of this roadmap"
          }
        },
        {
          "ID": "1823",
          "typeID": "Label",
          "zOrder": "60",
          "measuredW": "319",
          "measuredH": "25",
          "x": "978",
          "y": "114",
          "properties": {
            "size": "17",
            "text": "along with resources and other roadmaps"
          }
        },
        {
          "ID": "1831",
          "typeID": "Arrow",
          "zOrder": "62",
          "w": "86",
          "h": "1",
          "measuredW": "150",
          "measuredH": "100",
          "x": "577",
          "y": "420",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 86,
              "y": 0
            },
            "p1": {
              "x": 0.4811090254395629,
              "y": 0.004165338153758769
            },
            "p2": {
              "x": -0.22477605439985382,
              "y": 0
            }
          }
        },
        {
          "ID": "1832",
          "typeID": "Arrow",
          "zOrder": "63",
          "w": "76",
          "h": "56",
          "measuredW": "150",
          "measuredH": "100",
          "x": "585",
          "y": "350",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 76,
              "y": 56
            },
            "p1": {
              "x": 0.37909451283121226,
              "y": 0.05987899019403308
            },
            "p2": {
              "x": -0.1954225887998291,
              "y": -0.05401145759992687
            }
          }
        },
        {
          "ID": "1906",
          "typeID": "Label",
          "zOrder": "80",
          "measuredW": "117",
          "measuredH": "25",
          "x": "203",
          "y": "1873",
          "properties": {
            "size": "17",
            "text": "REST API Calls"
          }
        },
        {
          "ID": "1913",
          "typeID": "Label",
          "zOrder": "83",
          "measuredW": "71",
          "measuredH": "25",
          "x": "225",
          "y": "1672",
          "properties": {
            "size": "17",
            "text": "GraphQL"
          }
        },
        {
          "ID": "1963",
          "typeID": "__group__",
          "zOrder": "88",
          "measuredW": "542",
          "measuredH": "96",
          "w": "542",
          "h": "96",
          "x": "305",
          "y": "98",
          "properties": {
            "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": "1964",
          "typeID": "__group__",
          "zOrder": "61",
          "measuredW": "320",
          "measuredH": "45",
          "w": "320",
          "h": "45",
          "x": "979",
          "y": "150",
          "properties": {
            "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": "1971",
          "typeID": "Arrow",
          "zOrder": "40",
          "w": "93",
          "h": "59",
          "measuredW": "150",
          "measuredH": "100",
          "x": "399",
          "y": "349",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": -0.28216153919993303,
              "y": 0.2768757536000521
            },
            "p1": {
              "x": 0.5531295985763665,
              "y": -0.08925088121556413
            },
            "p2": {
              "x": 93,
              "y": 59
            }
          }
        },
        {
          "ID": "1972",
          "typeID": "Arrow",
          "zOrder": "39",
          "w": "91",
          "h": "17",
          "measuredW": "150",
          "measuredH": "100",
          "x": "395",
          "y": "400",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": -0.2968382719999454,
              "y": 0.12944770240011394
            },
            "p1": {
              "x": 0.4067680844458243,
              "y": -0.016268239677118913
            },
            "p2": {
              "x": 91,
              "y": 17
            }
          }
        },
        {
          "ID": "1973",
          "typeID": "Arrow",
          "zOrder": "38",
          "w": "88",
          "h": "33",
          "measuredW": "150",
          "measuredH": "100",
          "x": "396",
          "y": "423",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 0.041387305600096624,
              "y": 33.334921961600116
            },
            "p1": {
              "x": 0.40022307356578246,
              "y": 0.06604917317297902
            },
            "p2": {
              "x": 88,
              "y": 0
            }
          }
        },
        {
          "ID": "1974",
          "typeID": "Arrow",
          "zOrder": "37",
          "w": "96",
          "h": "88",
          "measuredW": "150",
          "measuredH": "100",
          "x": "393",
          "y": "427",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 0.36493615040006944,
              "y": 88.21684737600015
            },
            "p1": {
              "x": 0.42992499013028035,
              "y": 0.004934859849980256
            },
            "p2": {
              "x": 96,
              "y": 0
            }
          }
        },
        {
          "ID": "2896",
          "typeID": "Arrow",
          "zOrder": "17",
          "w": "84",
          "h": "168",
          "measuredW": "150",
          "measuredH": "100",
          "x": "587",
          "y": "430",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 84,
              "y": 0
            },
            "p1": {
              "x": 0.5406025677062014,
              "y": 0.12359189147033602
            },
            "p2": {
              "x": 0.48102856640014124,
              "y": 167.51772039840012
            }
          }
        },
        {
          "ID": "2897",
          "typeID": "Arrow",
          "zOrder": "35",
          "w": "66",
          "h": "29",
          "measuredW": "150",
          "measuredH": "100",
          "x": "377",
          "y": "601",
          "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
            }
          }
        },
        {
          "ID": "2898",
          "typeID": "Arrow",
          "zOrder": "36",
          "w": "79",
          "h": "13",
          "measuredW": "150",
          "measuredH": "100",
          "x": "365",
          "y": "582",
          "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
            }
          }
        },
        {
          "ID": "2906",
          "typeID": "Arrow",
          "zOrder": "34",
          "w": "153",
          "h": "89",
          "measuredW": "150",
          "measuredH": "100",
          "x": "876",
          "y": "327",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 153.06611570880023,
              "y": 0.19615372320009783
            },
            "p1": {
              "x": 0.4981106746880125,
              "y": 0.05503902948341876
            },
            "p2": {
              "x": 0,
              "y": 89
            }
          }
        },
        {
          "ID": "2907",
          "typeID": "Arrow",
          "zOrder": "33",
          "w": "141",
          "h": "32",
          "measuredW": "150",
          "measuredH": "100",
          "x": "891",
          "y": "382",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 140.7425668640002,
              "y": 0.06340240480005832
            },
            "p1": {
              "x": 0.44798938044995784,
              "y": 0.04032682580733751
            },
            "p2": {
              "x": 0,
              "y": 32
            }
          }
        },
        {
          "ID": "2908",
          "typeID": "Arrow",
          "zOrder": "32",
          "w": "145",
          "h": "17",
          "measuredW": "150",
          "measuredH": "100",
          "x": "887",
          "y": "422",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 144.7425668640002,
              "y": 17.607102241600103
            },
            "p1": {
              "x": 0.45522128005575574,
              "y": -0.05494250203275645
            },
            "p2": {
              "x": 0,
              "y": 2
            }
          }
        },
        {
          "ID": "2909",
          "typeID": "Arrow",
          "zOrder": "31",
          "w": "134",
          "h": "69",
          "measuredW": "150",
          "measuredH": "100",
          "x": "892",
          "y": "425",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 134.38966455360026,
              "y": 69.47435092320012
            },
            "p1": {
              "x": 0.5981432360742706,
              "y": -0.0366931918656057
            },
            "p2": {
              "x": 0,
              "y": 0
            }
          }
        },
        {
          "ID": "2910",
          "typeID": "Arrow",
          "zOrder": "30",
          "w": "142",
          "h": "113",
          "measuredW": "150",
          "measuredH": "100",
          "x": "883",
          "y": "427",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 142.0514389760002,
              "y": 112.97402056160013
            },
            "p1": {
              "x": 0.5467496438479419,
              "y": 0.08532653520281926
            },
            "p2": {
              "x": 0,
              "y": 0
            }
          }
        },
        {
          "ID": "2911",
          "typeID": "Arrow",
          "zOrder": "29",
          "w": "147",
          "h": "163",
          "measuredW": "150",
          "measuredH": "100",
          "x": "881",
          "y": "432",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 146.72789013120018,
              "y": 162.84126924320014
            },
            "p1": {
              "x": 0.5467496438479418,
              "y": 0.0853265352028192
            },
            "p2": {
              "x": 0,
              "y": 0
            }
          }
        },
        {
          "ID": "2912",
          "typeID": "Arrow",
          "zOrder": "28",
          "w": "155",
          "h": "220",
          "measuredW": "150",
          "measuredH": "100",
          "x": "871",
          "y": "423",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 155.38966455360026,
              "y": 220.01739003680018
            },
            "p1": {
              "x": 0.5144201268152997,
              "y": 0.12669257516874619
            },
            "p2": {
              "x": 0,
              "y": 0
            }
          }
        },
        {
          "ID": "2913",
          "typeID": "Arrow",
          "zOrder": "27",
          "w": "102",
          "h": "305",
          "measuredW": "150",
          "measuredH": "100",
          "x": "678",
          "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": "2920",
          "typeID": "Arrow",
          "zOrder": "26",
          "w": "74",
          "h": "104",
          "measuredW": "150",
          "measuredH": "100",
          "x": "590",
          "y": "433",
          "properties": {
            "color": "2848996",
            "curvature": "-1",
            "direction": "bottom",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 74,
              "y": 0
            },
            "p1": {
              "x": 0.5406025677062014,
              "y": 0.12359189147033613
            },
            "p2": {
              "x": 0.1574797216001116,
              "y": 104.29756940640016
            }
          }
        },
        {
          "ID": "2939",
          "typeID": "TextArea",
          "zOrder": "111",
          "w": "262",
          "h": "154",
          "measuredW": "200",
          "measuredH": "140",
          "x": "969",
          "y": "967"
        },
        {
          "ID": "2940",
          "typeID": "Label",
          "zOrder": "112",
          "measuredW": "85",
          "measuredH": "25",
          "x": "1057",
          "y": "979",
          "properties": {
            "size": "17",
            "text": "Animations"
          }
        },
        {
          "ID": "2945",
          "typeID": "TextArea",
          "zOrder": "115",
          "w": "250",
          "h": "312",
          "measuredW": "200",
          "measuredH": "140",
          "x": "151",
          "y": "705"
        },
        {
          "ID": "2946",
          "typeID": "Label",
          "zOrder": "116",
          "measuredW": "128",
          "measuredH": "25",
          "x": "212",
          "y": "719",
          "properties": {
            "size": "17",
            "text": "Composition API"
          }
        },
        {
          "ID": "2967",
          "typeID": "Arrow",
          "zOrder": "25",
          "w": "222",
          "h": "1",
          "measuredW": "150",
          "measuredH": "100",
          "x": "356",
          "y": "727",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 221.5,
              "y": 0
            },
            "p1": {
              "x": 0.4807871956156193,
              "y": 0.004484025658591265
            },
            "p2": {
              "x": -0.03199635839990833,
              "y": 0
            }
          }
        },
        {
          "ID": "2968",
          "typeID": "Arrow",
          "zOrder": "24",
          "w": "28",
          "h": "77",
          "measuredW": "150",
          "measuredH": "100",
          "x": "630",
          "y": "741",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 25.730533024000124,
              "y": 0.3769699904001982
            },
            "p1": {
              "x": 0.7370475912096909,
              "y": 0.23463818253699203
            },
            "p2": {
              "x": 0.3042470496001215,
              "y": 76.6558279136002
            }
          }
        },
        {
          "ID": "2969",
          "typeID": "Arrow",
          "zOrder": "23",
          "w": "140",
          "h": "8",
          "measuredW": "150",
          "measuredH": "100",
          "x": "841",
          "y": "720",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 139.91934838080022,
              "y": 7.994714214400119
            },
            "p1": {
              "x": 0.4736842105263155,
              "y": -0.03947368421052632
            },
            "p2": {
              "x": 0,
              "y": 3.5
            }
          }
        },
        {
          "ID": "2970",
          "typeID": "Arrow",
          "zOrder": "22",
          "w": "136",
          "h": "46",
          "measuredW": "150",
          "measuredH": "100",
          "x": "845",
          "y": "733",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 135.91934838080022,
              "y": 45.847286163200124
            },
            "p1": {
              "x": 0.461517349539306,
              "y": -0.013252303469907925
            },
            "p2": {
              "x": 0,
              "y": -0.5
            }
          }
        },
        {
          "ID": "2971",
          "typeID": "Arrow",
          "zOrder": "21",
          "w": "137",
          "h": "92",
          "measuredW": "150",
          "measuredH": "100",
          "x": "845",
          "y": "740",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 137.25757395840026,
              "y": 91.03808368960017
            },
            "p1": {
              "x": 0.4416019869605713,
              "y": 0.06513505122632714
            },
            "p2": {
              "x": 0,
              "y": -0.5
            }
          }
        },
        {
          "ID": "2972",
          "typeID": "Arrow",
          "zOrder": "20",
          "w": "151",
          "h": "146",
          "measuredW": "150",
          "measuredH": "100",
          "x": "833",
          "y": "741",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 150.5957995360002,
              "y": 146.24355794880023
            },
            "p1": {
              "x": 0.4114461538461538,
              "y": 0.05243076923076919
            },
            "p2": {
              "x": 0,
              "y": 0
            }
          }
        },
        {
          "ID": "2973",
          "typeID": "Arrow",
          "zOrder": "19",
          "w": "162",
          "h": "202",
          "measuredW": "150",
          "measuredH": "100",
          "x": "819",
          "y": "739",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 161.91934838080022,
              "y": 201.7725810528002
            },
            "p1": {
              "x": 0.4134269539924311,
              "y": 0.05352954054983893
            },
            "p2": {
              "x": 0,
              "y": 0
            }
          }
        },
        {
          "ID": "2974",
          "typeID": "Arrow",
          "zOrder": "18",
          "w": "176",
          "h": "277",
          "measuredW": "150",
          "measuredH": "100",
          "x": "812",
          "y": "739",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 175.6104762688002,
              "y": 276.71321339840017
            },
            "p1": {
              "x": 0.3927933776984256,
              "y": 0.0802629443272196
            },
            "p2": {
              "x": 0,
              "y": 0
            }
          }
        },
        {
          "ID": "2975",
          "typeID": "__group__",
          "zOrder": "89",
          "measuredW": "576",
          "measuredH": "105",
          "w": "576",
          "h": "105",
          "x": "531",
          "y": "1817",
          "properties": {
            "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": "2976",
          "typeID": "Arrow",
          "zOrder": "16",
          "w": "1",
          "h": "55",
          "measuredW": "150",
          "measuredH": "100",
          "x": "630",
          "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": "15",
          "w": "1",
          "h": "78",
          "measuredW": "150",
          "measuredH": "100",
          "x": "630",
          "y": "1127",
          "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
            }
          }
        },
        {
          "ID": "2978",
          "typeID": "Arrow",
          "zOrder": "14",
          "w": "82",
          "h": "79",
          "measuredW": "150",
          "measuredH": "100",
          "x": "485",
          "y": "1127",
          "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
            }
          }
        },
        {
          "ID": "2983",
          "typeID": "Arrow",
          "zOrder": "12",
          "w": "87",
          "h": "4",
          "measuredW": "150",
          "measuredH": "100",
          "x": "353",
          "y": "1276",
          "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
            }
          }
        },
        {
          "ID": "2986",
          "typeID": "Arrow",
          "zOrder": "11",
          "w": "81",
          "h": "3",
          "measuredW": "150",
          "measuredH": "100",
          "x": "354",
          "y": "1333",
          "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
            }
          }
        },
        {
          "ID": "2987",
          "typeID": "Arrow",
          "zOrder": "9",
          "w": "81",
          "h": "49",
          "measuredW": "150",
          "measuredH": "100",
          "x": "355",
          "y": "1283",
          "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
            }
          }
        },
        {
          "ID": "2988",
          "typeID": "Arrow",
          "zOrder": "8",
          "w": "58",
          "h": "115",
          "measuredW": "150",
          "measuredH": "100",
          "x": "515",
          "y": "1217",
          "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
            }
          }
        },
        {
          "ID": "2989",
          "typeID": "Arrow",
          "zOrder": "7",
          "w": "117",
          "h": "389",
          "measuredW": "150",
          "measuredH": "100",
          "x": "604",
          "y": "1209",
          "properties": {
            "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": "2992",
          "typeID": "Arrow",
          "zOrder": "6",
          "w": "76",
          "h": "3",
          "measuredW": "150",
          "measuredH": "100",
          "x": "337",
          "y": "1529",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 76,
              "y": 2.5
            },
            "p1": {
              "x": 0.5375000000000003,
              "y": -0.025000000000000026
            },
            "p2": {
              "x": 0.23284555520007189,
              "y": 1.2609479856002963
            }
          }
        },
        {
          "ID": "2993",
          "typeID": "Arrow",
          "zOrder": "5",
          "w": "71",
          "h": "253",
          "measuredW": "150",
          "measuredH": "100",
          "x": "609",
          "y": "1207",
          "properties": {
            "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": "2996",
          "typeID": "Arrow",
          "zOrder": "4",
          "w": "86",
          "h": "3",
          "measuredW": "150",
          "measuredH": "100",
          "x": "340",
          "y": "1459",
          "properties": {
            "color": "2848996",
            "curvature": "1",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 86,
              "y": 2.5
            },
            "p1": {
              "x": 0.5375000000000003,
              "y": -0.025000000000000022
            },
            "p2": {
              "x": -0.09070328959990093,
              "y": 1.6732179504003852
            }
          }
        },
        {
          "ID": "2997",
          "typeID": "TextArea",
          "zOrder": "132",
          "w": "262",
          "h": "205",
          "measuredW": "200",
          "measuredH": "140",
          "x": "969",
          "y": "1182"
        },
        {
          "ID": "2998",
          "typeID": "Label",
          "zOrder": "133",
          "measuredW": "56",
          "measuredH": "25",
          "x": "1072",
          "y": "1196",
          "properties": {
            "size": "17",
            "text": "Testing"
          }
        },
        {
          "ID": "3003",
          "typeID": "Arrow",
          "zOrder": "2",
          "w": "78",
          "h": "51",
          "measuredW": "150",
          "measuredH": "100",
          "x": "361",
          "y": "1224",
          "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
            }
          }
        },
        {
          "ID": "3004",
          "typeID": "TextArea",
          "zOrder": "138",
          "w": "262",
          "h": "212",
          "measuredW": "200",
          "measuredH": "140",
          "x": "969",
          "y": "1432"
        },
        {
          "ID": "3005",
          "typeID": "Label",
          "zOrder": "139",
          "measuredW": "51",
          "measuredH": "25",
          "x": "1074",
          "y": "1447",
          "properties": {
            "size": "17",
            "text": "Styling"
          }
        },
        {
          "ID": "3006",
          "typeID": "__group__",
          "zOrder": "64",
          "measuredW": "244",
          "measuredH": "50",
          "w": "244",
          "h": "50",
          "x": "654",
          "y": "394",
          "properties": {
            "controlName": "100-fundamental-topics"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "244",
                  "h": "50",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16776960"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "155",
                  "measuredH": "25",
                  "x": "44",
                  "y": "12",
                  "properties": {
                    "size": "17",
                    "text": "Fundamental Topics"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3007",
          "typeID": "__group__",
          "zOrder": "68",
          "measuredW": "134",
          "measuredH": "44",
          "w": "134",
          "h": "44",
          "x": "463",
          "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": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "62",
                  "measuredH": "25",
                  "x": "36",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Vue CLI"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3008",
          "typeID": "__group__",
          "zOrder": "65",
          "measuredW": "132",
          "measuredH": "44",
          "w": "132",
          "h": "44",
          "x": "465",
          "y": "399",
          "properties": {
            "controlName": "101-fundamental-topics:components"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "132",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "w": "99",
                  "measuredW": "99",
                  "measuredH": "25",
                  "x": "16",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Components"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3009",
          "typeID": "__group__",
          "zOrder": "104",
          "measuredW": "134",
          "measuredH": "44",
          "w": "134",
          "h": "44",
          "x": "465",
          "y": "462",
          "properties": {
            "controlName": "102-fundamental-topics:templates"
          },
          "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": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "80",
                  "measuredH": "25",
                  "x": "27",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Templates"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3010",
          "typeID": "__group__",
          "zOrder": "105",
          "measuredW": "134",
          "measuredH": "44",
          "w": "134",
          "h": "44",
          "x": "465",
          "y": "516",
          "properties": {
            "controlName": "103-fundamental-topics:directives"
          },
          "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": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "77",
                  "measuredH": "25",
                  "x": "28",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Directives"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3011",
          "typeID": "__group__",
          "zOrder": "99",
          "measuredW": "179",
          "measuredH": "44",
          "w": "179",
          "h": "44",
          "x": "420",
          "y": "577",
          "properties": {
            "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": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "76",
                  "measuredH": "25",
                  "x": "47",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "API Styles"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3012",
          "typeID": "__group__",
          "zOrder": "97",
          "measuredW": "212",
          "measuredH": "44",
          "w": "212",
          "h": "44",
          "x": "1016",
          "y": "313",
          "properties": {
            "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": "3013",
          "typeID": "__group__",
          "zOrder": "100",
          "measuredW": "212",
          "measuredH": "44",
          "w": "212",
          "h": "44",
          "x": "1016",
          "y": "365",
          "properties": {
            "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": "3014",
          "typeID": "__group__",
          "zOrder": "98",
          "measuredW": "212",
          "measuredH": "44",
          "w": "212",
          "h": "44",
          "x": "1016",
          "y": "416",
          "properties": {
            "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": "3015",
          "typeID": "__group__",
          "zOrder": "93",
          "measuredW": "212",
          "measuredH": "44",
          "w": "212",
          "h": "44",
          "x": "1016",
          "y": "466",
          "properties": {
            "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": "3016",
          "typeID": "__group__",
          "zOrder": "101",
          "measuredW": "212",
          "measuredH": "44",
          "w": "212",
          "h": "44",
          "x": "1016",
          "y": "516",
          "properties": {
            "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": "3017",
          "typeID": "__group__",
          "zOrder": "102",
          "measuredW": "212",
          "measuredH": "44",
          "w": "212",
          "h": "44",
          "x": "1016",
          "y": "566",
          "properties": {
            "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": "3018",
          "typeID": "__group__",
          "zOrder": "94",
          "measuredW": "212",
          "measuredH": "44",
          "w": "212",
          "h": "44",
          "x": "1016",
          "y": "616",
          "properties": {
            "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": "3019",
          "typeID": "__group__",
          "zOrder": "66",
          "measuredW": "216",
          "measuredH": "44",
          "w": "216",
          "h": "44",
          "x": "191",
          "y": "330",
          "properties": {
            "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": "3020",
          "typeID": "__group__",
          "zOrder": "67",
          "measuredW": "216",
          "measuredH": "44",
          "w": "216",
          "h": "44",
          "x": "191",
          "y": "380",
          "properties": {
            "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": "3021",
          "typeID": "__group__",
          "zOrder": "90",
          "measuredW": "104",
          "measuredH": "44",
          "w": "104",
          "h": "44",
          "x": "191",
          "y": "431",
          "properties": {
            "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": "3022",
          "typeID": "__group__",
          "zOrder": "91",
          "measuredW": "104",
          "measuredH": "44",
          "w": "104",
          "h": "44",
          "x": "303",
          "y": "430",
          "properties": {
            "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": "3023",
          "typeID": "__group__",
          "zOrder": "92",
          "measuredW": "216",
          "measuredH": "44",
          "w": "216",
          "h": "44",
          "x": "191",
          "y": "480",
          "properties": {
            "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": "3024",
          "typeID": "__group__",
          "zOrder": "96",
          "measuredW": "163",
          "measuredH": "44",
          "w": "163",
          "h": "44",
          "x": "228",
          "y": "553",
          "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": "3025",
          "typeID": "__group__",
          "zOrder": "95",
          "measuredW": "163",
          "measuredH": "44",
          "w": "163",
          "h": "44",
          "x": "228",
          "y": "603",
          "properties": {
            "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": "3026",
          "typeID": "__group__",
          "zOrder": "103",
          "measuredW": "299",
          "measuredH": "50",
          "w": "299",
          "h": "50",
          "x": "556",
          "y": "705",
          "properties": {
            "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": "3027",
          "typeID": "__group__",
          "zOrder": "117",
          "measuredW": "110",
          "measuredH": "44",
          "w": "110",
          "h": "44",
          "x": "165",
          "y": "755",
          "properties": {
            "controlName": "100-advanced-topics:ref"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "110",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "22",
                  "measuredH": "25",
                  "x": "44",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "ref"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3028",
          "typeID": "__group__",
          "zOrder": "119",
          "measuredW": "104",
          "measuredH": "44",
          "w": "104",
          "h": "44",
          "x": "282",
          "y": "755",
          "properties": {
            "controlName": "101-advanced-topics:torefs"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "104",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "51",
                  "measuredH": "25",
                  "x": "26",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "toRefs"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3029",
          "typeID": "__group__",
          "zOrder": "118",
          "measuredW": "222",
          "measuredH": "44",
          "w": "222",
          "h": "44",
          "x": "165",
          "y": "806",
          "properties": {
            "controlName": "102-advanced-topics:reactive"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "222",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "62",
                  "measuredH": "25",
                  "x": "80",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "reactive"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3030",
          "typeID": "__group__",
          "zOrder": "120",
          "measuredW": "222",
          "measuredH": "44",
          "w": "222",
          "h": "44",
          "x": "165",
          "y": "857",
          "properties": {
            "controlName": "103-advanced-topics:computed"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "222",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "77",
                  "measuredH": "25",
                  "x": "72",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "computed"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3031",
          "typeID": "__group__",
          "zOrder": "121",
          "measuredW": "107",
          "measuredH": "44",
          "w": "107",
          "h": "44",
          "x": "165",
          "y": "908",
          "properties": {
            "controlName": "104-advanced-topics:watch"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "107",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "45",
                  "measuredH": "25",
                  "x": "31",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "watch"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3032",
          "typeID": "__group__",
          "zOrder": "122",
          "measuredW": "105",
          "measuredH": "44",
          "w": "105",
          "h": "44",
          "x": "281",
          "y": "908",
          "properties": {
            "controlName": "105-advanced-topics:next-tick"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "105",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "64",
                  "measuredH": "25",
                  "x": "21",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "nextTick"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3033",
          "typeID": "__group__",
          "zOrder": "123",
          "measuredW": "221",
          "measuredH": "44",
          "w": "221",
          "h": "44",
          "x": "165",
          "y": "960",
          "properties": {
            "controlName": "106-advanced-topics:composables"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "221",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "106",
                  "measuredH": "25",
                  "x": "58",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Composables"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3034",
          "typeID": "__group__",
          "zOrder": "124",
          "measuredW": "227",
          "measuredH": "44",
          "w": "227",
          "h": "44",
          "x": "419",
          "y": "796",
          "properties": {
            "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": "3035",
          "typeID": "__group__",
          "zOrder": "125",
          "measuredW": "227",
          "measuredH": "44",
          "w": "227",
          "h": "44",
          "x": "417",
          "y": "849",
          "properties": {
            "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": "3036",
          "typeID": "__group__",
          "zOrder": "126",
          "measuredW": "227",
          "measuredH": "44",
          "w": "227",
          "h": "44",
          "x": "417",
          "y": "900",
          "properties": {
            "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": "3037",
          "typeID": "__group__",
          "zOrder": "108",
          "measuredW": "261",
          "measuredH": "44",
          "w": "261",
          "h": "44",
          "x": "969",
          "y": "705",
          "properties": {
            "controlName": "110-advanced-topics:custom-directives"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "261",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "140",
                  "measuredH": "25",
                  "x": "61",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Custom Directives"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3038",
          "typeID": "__group__",
          "zOrder": "109",
          "measuredW": "262",
          "measuredH": "44",
          "w": "262",
          "h": "44",
          "x": "969",
          "y": "755",
          "properties": {
            "controlName": "111-advanced-topics:custom-events"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "262",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "116",
                  "measuredH": "25",
                  "x": "73",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Custom Events"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3039",
          "typeID": "__group__",
          "zOrder": "110",
          "measuredW": "262",
          "measuredH": "44",
          "w": "262",
          "h": "44",
          "x": "969",
          "y": "806",
          "properties": {
            "controlName": "112-advanced-topics:plugins"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "262",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "56",
                  "measuredH": "25",
                  "x": "103",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Plugins"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3040",
          "typeID": "__group__",
          "zOrder": "106",
          "measuredW": "263",
          "measuredH": "44",
          "w": "263",
          "h": "44",
          "x": "969",
          "y": "860",
          "properties": {
            "controlName": "113-advanced-topics:watchers"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "263",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "73",
                  "measuredH": "25",
                  "x": "95",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Watchers"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3041",
          "typeID": "__group__",
          "zOrder": "107",
          "measuredW": "265",
          "measuredH": "44",
          "w": "265",
          "h": "44",
          "x": "969",
          "y": "911",
          "properties": {
            "controlName": "114-advanced-topics:slots"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "265",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "38",
                  "measuredH": "25",
                  "x": "114",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Slots"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3042",
          "typeID": "__group__",
          "zOrder": "113",
          "measuredW": "230",
          "measuredH": "44",
          "w": "230",
          "h": "44",
          "x": "985",
          "y": "1011",
          "properties": {
            "controlName": "115-advanced-topics:transition"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "230",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "76",
                  "measuredH": "25",
                  "x": "77",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Transition"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3043",
          "typeID": "__group__",
          "zOrder": "114",
          "measuredW": "231",
          "measuredH": "44",
          "w": "231",
          "h": "44",
          "x": "985",
          "y": "1061",
          "properties": {
            "controlName": "116-advanced-topics:transition-group"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "231",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "128",
                  "measuredH": "25",
                  "x": "52",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Transition Group"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3044",
          "typeID": "__group__",
          "zOrder": "69",
          "measuredW": "326",
          "measuredH": "50",
          "w": "326",
          "h": "50",
          "x": "556",
          "y": "1179",
          "properties": {
            "controlName": "102-ecosystem"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "326",
                  "h": "50",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16776960"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "84",
                  "measuredH": "25",
                  "x": "121",
                  "y": "12",
                  "properties": {
                    "size": "17",
                    "text": "Ecosystem"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3045",
          "typeID": "__group__",
          "zOrder": "74",
          "measuredW": "142",
          "measuredH": "44",
          "w": "142",
          "h": "44",
          "x": "560",
          "y": "1096",
          "properties": {
            "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": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "60",
                  "measuredH": "25",
                  "x": "41",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Routing"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3046",
          "typeID": "__group__",
          "zOrder": "70",
          "measuredW": "108",
          "measuredH": "44",
          "w": "108",
          "h": "44",
          "x": "425",
          "y": "1096",
          "properties": {
            "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": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "48",
                  "measuredH": "25",
                  "x": "30",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Forms"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3047",
          "typeID": "__group__",
          "zOrder": "128",
          "measuredW": "108",
          "measuredH": "44",
          "w": "108",
          "h": "44",
          "x": "425",
          "y": "1256",
          "properties": {
            "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": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "33",
                  "measuredH": "25",
                  "x": "37",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "SSR"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3048",
          "typeID": "__group__",
          "zOrder": "129",
          "measuredW": "108",
          "measuredH": "44",
          "w": "108",
          "h": "44",
          "x": "425",
          "y": "1307",
          "properties": {
            "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": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "34",
                  "measuredH": "25",
                  "x": "37",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "SSG"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3049",
          "typeID": "__group__",
          "zOrder": "85",
          "measuredW": "216",
          "measuredH": "44",
          "w": "216",
          "h": "44",
          "x": "402",
          "y": "1438",
          "properties": {
            "controlName": "104-ecosystem:state-management"
          },
          "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": "148",
                  "measuredH": "25",
                  "x": "34",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "State Management"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3050",
          "typeID": "__group__",
          "zOrder": "84",
          "measuredW": "219",
          "measuredH": "44",
          "w": "219",
          "h": "44",
          "x": "403",
          "y": "1509",
          "properties": {
            "controlName": "105-ecosystem:mobile-apps"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "219",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "95",
                  "measuredH": "25",
                  "x": "62",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Mobile Apps"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3051",
          "typeID": "__group__",
          "zOrder": "76",
          "measuredW": "221",
          "measuredH": "44",
          "w": "221",
          "h": "44",
          "x": "401",
          "y": "1575",
          "properties": {
            "controlName": "106-ecosystem:api-calls"
          },
          "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": "69",
                  "measuredH": "25",
                  "x": "76",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "API Calls"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3052",
          "typeID": "__group__",
          "zOrder": "134",
          "measuredW": "229",
          "measuredH": "44",
          "w": "229",
          "h": "44",
          "x": "985",
          "y": "1231",
          "properties": {
            "controlName": "107-ecosystem:jest"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "229",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "33",
                  "measuredH": "25",
                  "x": "98",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Jest"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3053",
          "typeID": "__group__",
          "zOrder": "135",
          "measuredW": "229",
          "measuredH": "44",
          "w": "229",
          "h": "44",
          "x": "986",
          "y": "1280",
          "properties": {
            "controlName": "108-ecosystem:vue-testing-library"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "229",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "147",
                  "measuredH": "25",
                  "x": "41",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Vue Testing Library"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3054",
          "typeID": "__group__",
          "zOrder": "136",
          "measuredW": "228",
          "measuredH": "44",
          "w": "228",
          "h": "44",
          "x": "989",
          "y": "1329",
          "properties": {
            "controlName": "109-ecosystem:cypress"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "228",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "63",
                  "measuredH": "25",
                  "x": "82",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Cypress"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3055",
          "typeID": "__group__",
          "zOrder": "140",
          "measuredW": "230",
          "measuredH": "44",
          "w": "230",
          "h": "44",
          "x": "986",
          "y": "1486",
          "properties": {
            "controlName": "110-ecosystem:tailwind-css"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "230",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "98",
                  "measuredH": "25",
                  "x": "66",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Tailwind CSS"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3056",
          "typeID": "__group__",
          "zOrder": "141",
          "measuredW": "228",
          "measuredH": "44",
          "w": "228",
          "h": "44",
          "x": "988",
          "y": "1535",
          "properties": {
            "controlName": "111-ecosystem:vuetify"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "228",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "52",
                  "measuredH": "25",
                  "x": "88",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Vuetify"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3057",
          "typeID": "__group__",
          "zOrder": "142",
          "measuredW": "228",
          "measuredH": "44",
          "w": "228",
          "h": "44",
          "x": "988",
          "y": "1583",
          "properties": {
            "controlName": "112-ecosystem:element-ui"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "228",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "87",
                  "measuredH": "25",
                  "x": "70",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Element UI"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3058",
          "typeID": "__group__",
          "zOrder": "75",
          "measuredW": "143",
          "measuredH": "44",
          "w": "143",
          "h": "44",
          "x": "559",
          "y": "1034",
          "properties": {
            "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": "3059",
          "typeID": "__group__",
          "zOrder": "71",
          "measuredW": "212",
          "measuredH": "44",
          "w": "212",
          "h": "44",
          "x": "160",
          "y": "1048",
          "properties": {
            "controlName": "100-ecosystem:forms:vue-formulate"
          },
          "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": "112",
                  "measuredH": "25",
                  "x": "50",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Vue Formulate"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3060",
          "typeID": "__group__",
          "zOrder": "72",
          "measuredW": "211",
          "measuredH": "44",
          "w": "211",
          "h": "44",
          "x": "161",
          "y": "1098",
          "properties": {
            "controlName": "101-ecosystem:forms:vee-validate"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "211",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "95",
                  "measuredH": "25",
                  "x": "58",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Vee Validate"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3061",
          "typeID": "__group__",
          "zOrder": "73",
          "measuredW": "211",
          "measuredH": "44",
          "w": "211",
          "h": "44",
          "x": "161",
          "y": "1148",
          "properties": {
            "controlName": "102-ecosystem:forms:vuelidate"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "211",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "72",
                  "measuredH": "25",
                  "x": "70",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Vuelidate"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3062",
          "typeID": "__group__",
          "zOrder": "137",
          "measuredW": "207",
          "measuredH": "44",
          "w": "207",
          "h": "44",
          "x": "163",
          "y": "1204",
          "properties": {
            "controlName": "100-ecosystem:ssr:quasar"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "207",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "57",
                  "measuredH": "25",
                  "x": "75",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Quasar"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3063",
          "typeID": "__group__",
          "zOrder": "86",
          "measuredW": "206",
          "measuredH": "44",
          "w": "206",
          "h": "44",
          "x": "164",
          "y": "1256",
          "properties": {
            "controlName": "101-ecosystem:ssr:nuxt-js"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "206",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "52",
                  "measuredH": "25",
                  "x": "77",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Nuxt.js"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3064",
          "typeID": "__group__",
          "zOrder": "87",
          "measuredW": "207",
          "measuredH": "44",
          "w": "207",
          "h": "44",
          "x": "163",
          "y": "1311",
          "properties": {
            "controlName": "100-ecosystem:ssg:gridsome"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "207",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "75",
                  "measuredH": "25",
                  "x": "66",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Gridsome"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3065",
          "typeID": "__group__",
          "zOrder": "127",
          "measuredW": "208",
          "measuredH": "44",
          "w": "208",
          "h": "44",
          "x": "164",
          "y": "1362",
          "properties": {
            "controlName": "101-ecosystem:ssg:vuepress"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "208",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "72",
                  "measuredH": "25",
                  "x": "68",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Vuepress"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3066",
          "typeID": "__group__",
          "zOrder": "131",
          "measuredW": "194",
          "measuredH": "44",
          "w": "194",
          "h": "44",
          "x": "162",
          "y": "1438",
          "properties": {
            "controlName": "100-ecosystem:state-management:pinia"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "194",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "38",
                  "measuredH": "25",
                  "x": "78",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Pinia"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3067",
          "typeID": "__group__",
          "zOrder": "130",
          "measuredW": "193",
          "measuredH": "44",
          "w": "193",
          "h": "44",
          "x": "163",
          "y": "1510",
          "properties": {
            "controlName": "100-ecosystem:mobile-apps:capacitor"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "193",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "76",
                  "measuredH": "25",
                  "x": "59",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Capacitor"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3068",
          "typeID": "__group__",
          "zOrder": "81",
          "measuredW": "190",
          "measuredH": "44",
          "w": "190",
          "h": "44",
          "x": "165",
          "y": "1573",
          "properties": {
            "controlName": "100-ecosystem:api-calls:apollo"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "190",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "48",
                  "measuredH": "25",
                  "x": "71",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Apollo"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3069",
          "typeID": "__group__",
          "zOrder": "82",
          "measuredW": "188",
          "measuredH": "44",
          "w": "188",
          "h": "44",
          "x": "167",
          "y": "1623",
          "properties": {
            "controlName": "101-ecosystem:api-calls:vue-relay"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "188",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "78",
                  "measuredH": "25",
                  "x": "55",
                  "y": "9",
                  "properties": {
                    "size": "17",
                    "text": "Vue Relay"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3070",
          "typeID": "__group__",
          "zOrder": "77",
          "measuredW": "191",
          "measuredH": "44",
          "w": "191",
          "h": "44",
          "x": "166",
          "y": "1719",
          "properties": {
            "controlName": "102-ecosystem:api-calls:axios"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "191",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "41",
                  "measuredH": "25",
                  "x": "75",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Axios"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3071",
          "typeID": "__group__",
          "zOrder": "78",
          "measuredW": "189",
          "measuredH": "44",
          "w": "189",
          "h": "44",
          "x": "167",
          "y": "1771",
          "properties": {
            "controlName": "103-ecosystem:api-calls:unfetch"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "189",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "61",
                  "measuredH": "25",
                  "x": "64",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "Unfetch"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3072",
          "typeID": "__group__",
          "zOrder": "79",
          "measuredW": "189",
          "measuredH": "44",
          "w": "189",
          "h": "44",
          "x": "167",
          "y": "1823",
          "properties": {
            "controlName": "104-ecosystem:api-calls:superagent"
          },
          "children": {
            "controls": {
              "control": [
                {
                  "ID": "0",
                  "typeID": "TextArea",
                  "zOrder": "0",
                  "w": "189",
                  "h": "44",
                  "measuredW": "200",
                  "measuredH": "140",
                  "x": "0",
                  "y": "0",
                  "properties": {
                    "color": "16770457"
                  }
                },
                {
                  "ID": "1",
                  "typeID": "Label",
                  "zOrder": "1",
                  "measuredW": "88",
                  "measuredH": "25",
                  "x": "51",
                  "y": "10",
                  "properties": {
                    "size": "17",
                    "text": "superagent"
                  }
                }
              ]
            }
          }
        },
        {
          "ID": "3073",
          "typeID": "Arrow",
          "zOrder": "1",
          "w": "43",
          "h": "129",
          "measuredW": "150",
          "measuredH": "100",
          "x": "636",
          "y": "742",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 27.61311916160014,
              "y": 0.00939094720013145
            },
            "p1": {
              "x": 0.6466153827592942,
              "y": 0.2446732777297158
            },
            "p2": {
              "x": -0.3428506399998241,
              "y": 129.18485101760018
            }
          }
        },
        {
          "ID": "3074",
          "typeID": "Arrow",
          "zOrder": "0",
          "w": "68",
          "h": "186",
          "measuredW": "150",
          "measuredH": "100",
          "x": "624",
          "y": "736",
          "properties": {
            "color": "2848996",
            "curvature": "0",
            "direction": "top",
            "leftArrow": "false",
            "rightArrow": "false",
            "stroke": "dotted",
            "p0": {
              "x": 50.465691110400144,
              "y": 0.02406768000014381
            },
            "p1": {
              "x": 0.6466153827592942,
              "y": 0.2446732777297158
            },
            "p2": {
              "x": -0.3868808383998612,
              "y": 186.0374229664002
            }
          }
        }
      ]
    },
    "attributes": {
      "name": "New Wireframe 1",
      "order": 1000000,
      "parentID": null,
      "notes": ""
    },
    "branchID": "Master",
    "resourceID": "CCB6346D-253A-48EE-9AB5-68DBEF696597",
    "mockupH": "1998",
    "mockupW": "1163",
    "measuredW": "1314",
    "measuredH": "2025",
    "version": "1.0"
  },
  "groupOffset": {
    "x": 0,
    "y": 0
  },
  "dependencies": [],
  "projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr"
}