[{"data":1,"prerenderedAt":5},["ShallowReactive",2],{"homepage-sample":3},{"html":4},"\u003Cdiv class=\"code-block\" data-code-block>\u003Cpre>\u003Ccode class=\"hljs language-sinth\">\u003Cspan class=\"hljs-keyword\">var\u003C\u002Fspan> \u003Cspan class=\"hljs-type\">str\u003C\u002Fspan> \u003Cspan class=\"hljs-variable\">userName\u003C\u002Fspan> \u003Cspan class=\"hljs-punctuation\">=\u003C\u002Fspan> \u003Cspan class=\"hljs-string\">"User"\u003C\u002Fspan>\n\u003Cspan class=\"hljs-keyword\">var\u003C\u002Fspan> \u003Cspan class=\"hljs-type\">num\u003C\u002Fspan> \u003Cspan class=\"hljs-variable\">count\u003C\u002Fspan> \u003Cspan class=\"hljs-punctuation\">=\u003C\u002Fspan> \u003Cspan class=\"hljs-number\">0\u003C\u002Fspan>\n\u003Cspan class=\"hljs-title\">Main\u003C\u002Fspan> \u003Cspan class=\"hljs-sinth-brace\">{\u003C\u002Fspan>\n    \u003Cspan class=\"hljs-title\">Heading\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">(\u003C\u002Fspan>\u003Cspan class=\"hljs-attr\">level\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">:\u003C\u002Fspan> \u003Cspan class=\"hljs-number\">1\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">)\u003C\u002Fspan> \u003Cspan class=\"hljs-sinth-brace\">{\u003C\u002Fspan> \u003Cspan class=\"hljs-variable\">count\u003C\u002Fspan> \u003Cspan class=\"hljs-sinth-brace\">}\u003C\u002Fspan>\n    \u003Cspan class=\"hljs-title\">Button\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">(\u003C\u002Fspan>\u003Cspan class=\"hljs-attr\">onClick\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">:\u003C\u002Fspan> \u003Cspan class=\"hljs-variable\">count\u003C\u002Fspan> \u003Cspan class=\"hljs-punctuation\">+=\u003C\u002Fspan> \u003Cspan class=\"hljs-number\">1\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">)\u003C\u002Fspan> \u003Cspan class=\"hljs-sinth-brace\">{\u003C\u002Fspan> \u003Cspan class=\"hljs-string\">"Increment"\u003C\u002Fspan> \u003Cspan class=\"hljs-sinth-brace\">}\u003C\u002Fspan>\n    \u003Cspan class=\"hljs-title\">Input\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">(\u003C\u002Fspan>\u003Cspan class=\"hljs-attr\">bind\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">:\u003C\u002Fspan> \u003Cspan class=\"hljs-variable\">userName\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">,\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">placeholder\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">:\u003C\u002Fspan> \u003Cspan class=\"hljs-string\">"Type in your username"\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">)\u003C\u002Fspan>\n    \u003Cspan class=\"hljs-title\">Paragraph\u003C\u002Fspan>\u003Cspan class=\"hljs-punctuation\">()\u003C\u002Fspan> \u003Cspan class=\"hljs-sinth-brace\">{\u003C\u002Fspan> \u003Cspan class=\"hljs-variable\">userName\u003C\u002Fspan> \u003Cspan class=\"hljs-punctuation\">+\u003C\u002Fspan> \u003Cspan class=\"hljs-string\">" has reached Count "\u003C\u002Fspan> \u003Cspan class=\"hljs-punctuation\">+\u003C\u002Fspan> \u003Cspan class=\"hljs-variable\">count\u003C\u002Fspan> \u003Cspan class=\"hljs-punctuation\">+\u003C\u002Fspan> \u003Cspan class=\"hljs-string\">"!"\u003C\u002Fspan> \u003Cspan class=\"hljs-sinth-brace\">}\u003C\u002Fspan>\n\u003Cspan class=\"hljs-sinth-brace\">}\u003C\u002Fspan>\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"code-block__copy\" data-copy-code aria-label=\"Copy code\">copy\u003C\u002Fbutton>\u003C\u002Fdiv>",1790526128851]