[{"_1":2,"_111":-5,"_112":-5},"loaderData",{"_3":-7,"_4":5,"_46":79},"root","layout:/developer-content",{"_6":7,"_65":66,"_69":70,"_75":76,"_77":49,"_78":25},"sidebarGroups",[8,35,50],{"_9":10,"_11":-7,"_12":13},"group","Get Started","icon","items",[14,29],{"_15":16,"_17":18,"_19":20,"_21":22,"_11":23,"_24":25,"_26":25,"_27":28},"title","Quickstart","href","/introduction","active",false,"uniqIndex",0,"rocket","sidebarTitle","","url","pageMeta",{"_15":16,"_11":23},{"_15":30,"_17":31,"_19":20,"_21":32,"_11":33,"_24":25,"_26":25,"_27":34},"Pages & Routing","/pages-and-routing",1,"app-window",{"_15":30,"_11":33},{"_9":36,"_11":-7,"_12":37},"Writing",[38,44],{"_15":39,"_17":40,"_19":20,"_21":41,"_11":42,"_24":25,"_26":25,"_27":43},"Markdown","/markdown",2,"letter-text",{"_15":39,"_11":42},{"_15":45,"_17":46,"_19":20,"_21":47,"_11":48,"_24":25,"_26":25,"_27":49},"Developer Content","/developer-content",3,"folder-code",{"_15":45,"_11":48},{"_9":51,"_11":-7,"_12":52},"Customization",[53,59],{"_15":54,"_17":55,"_19":20,"_21":56,"_11":57,"_24":25,"_26":25,"_27":58},"Make Docs Yours","/make-docs-yours",4,"palette",{"_15":54,"_11":57},{"_15":60,"_17":61,"_19":20,"_21":62,"_11":63,"_24":25,"_26":25,"_27":64},"Icons","/icons",5,"image",{"_15":60,"_11":63},"breadcrumbs",[67,68],{"_15":36,"_17":25},{"_15":45,"_17":46},"navlinks",{"_71":72,"_73":74},"prev",{"_15":39,"_17":40},"next",{"_15":54,"_17":55},"slug","developer-content","metadata","bannerContentCode",{"_6":80,"_65":100,"_69":103,"_75":76,"_106":107,"_77":92,"_108":109,"_110":-7},[81,87,94],{"_9":10,"_11":-7,"_12":82},[83,85],{"_15":16,"_17":18,"_19":20,"_21":22,"_11":23,"_24":25,"_26":25,"_27":84},{"_15":16,"_11":23},{"_15":30,"_17":31,"_19":20,"_21":32,"_11":33,"_24":25,"_26":25,"_27":86},{"_15":30,"_11":33},{"_9":36,"_11":-7,"_12":88},[89,91],{"_15":39,"_17":40,"_19":20,"_21":41,"_11":42,"_24":25,"_26":25,"_27":90},{"_15":39,"_11":42},{"_15":45,"_17":46,"_19":20,"_21":47,"_11":48,"_24":25,"_26":25,"_27":92},{"_15":45,"_11":48,"_93":-7},"layout",{"_9":51,"_11":-7,"_12":95},[96,98],{"_15":54,"_17":55,"_19":20,"_21":56,"_11":57,"_24":25,"_26":25,"_27":97},{"_15":54,"_11":57},{"_15":60,"_17":61,"_19":20,"_21":62,"_11":63,"_24":25,"_26":25,"_27":99},{"_15":60,"_11":63},[101,102],{"_15":36,"_17":25},{"_15":45,"_17":46},{"_71":104,"_73":105},{"_15":39,"_17":40},{"_15":54,"_17":55},"code","\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst toc = [{\n \"depth\": 2,\n \"id\": \"code-blocks\",\n \"value\": \"Code Blocks\",\n \"attributes\": {\n \"hProperties\": {\n \"id\": \"code-blocks\"\n },\n \"toc\": \"true\"\n },\n \"children\": [],\n \"maxTocDepth\": undefined\n}, {\n \"depth\": 2,\n \"id\": \"line-highlighting\",\n \"value\": \"Line Highlighting\",\n \"attributes\": {\n \"hProperties\": {\n \"id\": \"line-highlighting\"\n },\n \"toc\": \"true\"\n },\n \"children\": [],\n \"maxTocDepth\": undefined\n}];\nconst frontmatter = {\n \"title\": \"Developer Content\",\n \"icon\": \"folder-code\"\n};\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n code: \"code\",\n h1: \"h1\",\n h2: \"h2\",\n p: \"p\",\n pre: \"pre\",\n ...props.components\n };\n return _jsxs(_Fragment, {\n children: [_jsx(_components.h1, {\n id: \"developer-content\",\n subtitle: \"Start writing content for developers\",\n children: \"Developer Content\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Another reason is easy to use tooling for writing a docs for developers, learn more \", _jsx(_components.a, {\n href: \"https://xyd.dev/docs/guides/developer-content\",\n children: \"here\"\n }), \".\"]\n }), \"\\n\", _jsx(_components.h2, {\n id: \"code-blocks\",\n hideHeading: \"true\",\n removeHeading: \"\",\n style: {\n visibility: \"hidden\",\n display: \"block\"\n }\n }), \"\\n\", _jsx(_components.pre, {\n title: \"\",\n highlighted: \"{\\\"value\\\":\\\"```tsx\\\\nconst MyComponent = () => {\\\\n return

Hello, world!

\\\\n}\\\\n```\\\\n\\\",\\\"lang\\\":\\\"markdown\\\",\\\"meta\\\":\\\"md\\\",\\\"code\\\":\\\"```tsx\\\\nconst MyComponent = () => {\\\\n return

Hello, world!

\\\\n}\\\\n```\\\\n\\\",\\\"tokens\\\":[[\\\"```tsx\\\",\\\"#D4D4D4\\\"],\\\"\\\\n\\\",[\\\"const\\\",\\\"#569CD6\\\"],\\\" \\\",[\\\"MyComponent\\\",\\\"#DCDCAA\\\"],\\\" \\\",[\\\"= ()\\\",\\\"#D4D4D4\\\"],\\\" \\\",[\\\"=>\\\",\\\"#569CD6\\\"],\\\" \\\",[\\\"{\\\",\\\"#D4D4D4\\\"],\\\"\\\\n \\\",[\\\"return\\\",\\\"#C586C0\\\"],\\\" \\\",[\\\"<\\\",\\\"#808080\\\"],[\\\"div\\\",\\\"#569CD6\\\"],[\\\">\\\",\\\"#808080\\\"],[\\\"Hello, world!\\\",\\\"#D4D4D4\\\"],[\\\"\\\",\\\"#808080\\\"],\\\"\\\\n\\\",[\\\"}\\\",\\\"#D4D4D4\\\"],\\\"\\\\n\\\",[\\\"```\\\",\\\"#D4D4D4\\\"],\\\"\\\\n\\\"],\\\"annotations\\\":[],\\\"themeName\\\":\\\"dark-plus\\\",\\\"style\\\":{\\\"color\\\":\\\"#D4D4D4\\\",\\\"background\\\":\\\"#1E1E1E\\\",\\\"colorScheme\\\":\\\"dark\\\"}}\",\n descriptionHead: \"Code Blocks\",\n descriptionContent: \"\\\"use strict\\\";\\nconst {jsx: _jsx} = arguments[0];\\nconst toc = [];\\nconst frontmatter = undefined;\\nfunction _createMdxContent(props) {\\n const _components = {\\n p: \\\"p\\\",\\n ...props.components\\n };\\n return _jsx(_components.p, {\\n children: \\\"You can use standard markdown code blocks (```) to write code blocks.\\\"\\n });\\n}\\nfunction MDXContent(props = {}) {\\n const {wrapper: MDXLayout} = props.components || ({});\\n return MDXLayout ? _jsx(MDXLayout, {\\n ...props,\\n children: _jsx(_createMdxContent, {\\n ...props\\n })\\n }) : _createMdxContent(props);\\n}\\nreturn {\\n toc,\\n frontmatter,\\n default: MDXContent\\n};\\n\",\n children: _jsx(_components.code, {\n className: \"language-md\",\n regions: \"[]\",\n lineRanges: \"[]\",\n meta: \"md\",\n title: \"\",\n descriptionHead: \"Code Blocks\",\n descriptionContent: \"You can use standard markdown code blocks (```) to write code blocks.\",\n children: \"```tsx\\nconst MyComponent = () => {\\n return

Hello, world!

\\n}\\n```\\n\"\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \" \"\n }), \"\\n\", _jsx(_components.h2, {\n id: \"line-highlighting\",\n hideHeading: \"true\",\n removeHeading: \"\",\n style: {\n visibility: \"hidden\",\n display: \"block\"\n }\n }), \"\\n\", _jsx(_components.pre, {\n title: \"\",\n highlighted: \"{\\\"value\\\":\\\"```tsx{2}\\\\nconst MyComponent = () => {\\\\n return

Hello, world!

\\\\n}\\\\n```\\\\n\\\",\\\"lang\\\":\\\"markdown\\\",\\\"meta\\\":\\\"md\\\",\\\"code\\\":\\\"```tsx{2}\\\\nconst MyComponent = () => {\\\\n return

Hello, world!

\\\\n}\\\\n```\\\\n\\\",\\\"tokens\\\":[[\\\"```tsx{2}\\\",\\\"#D4D4D4\\\"],\\\"\\\\n\\\",[\\\"const\\\",\\\"#569CD6\\\"],\\\" \\\",[\\\"MyComponent\\\",\\\"#DCDCAA\\\"],\\\" \\\",[\\\"= ()\\\",\\\"#D4D4D4\\\"],\\\" \\\",[\\\"=>\\\",\\\"#569CD6\\\"],\\\" \\\",[\\\"{\\\",\\\"#D4D4D4\\\"],\\\"\\\\n \\\",[\\\"return\\\",\\\"#C586C0\\\"],\\\" \\\",[\\\"<\\\",\\\"#808080\\\"],[\\\"div\\\",\\\"#569CD6\\\"],[\\\">\\\",\\\"#808080\\\"],[\\\"Hello, world!\\\",\\\"#D4D4D4\\\"],[\\\"\\\",\\\"#808080\\\"],\\\"\\\\n\\\",[\\\"}\\\",\\\"#D4D4D4\\\"],\\\"\\\\n\\\",[\\\"```\\\",\\\"#D4D4D4\\\"],\\\"\\\\n\\\"],\\\"annotations\\\":[{\\\"name\\\":\\\"mark\\\",\\\"query\\\":\\\"\\\",\\\"fromLineNumber\\\":3,\\\"toLineNumber\\\":3}],\\\"themeName\\\":\\\"dark-plus\\\",\\\"style\\\":{\\\"color\\\":\\\"#D4D4D4\\\",\\\"background\\\":\\\"#1E1E1E\\\",\\\"colorScheme\\\":\\\"dark\\\"}}\",\n descriptionHead: \"Line Highlighting\",\n descriptionContent: \"\\\"use strict\\\";\\nconst {jsx: _jsx} = arguments[0];\\nconst toc = [];\\nconst frontmatter = undefined;\\nfunction _createMdxContent(props) {\\n const _components = {\\n p: \\\"p\\\",\\n ...props.components\\n };\\n return _jsx(_components.p, {\\n children: \\\"You can highlight code lines.\\\"\\n });\\n}\\nfunction MDXContent(props = {}) {\\n const {wrapper: MDXLayout} = props.components || ({});\\n return MDXLayout ? _jsx(MDXLayout, {\\n ...props,\\n children: _jsx(_createMdxContent, {\\n ...props\\n })\\n }) : _createMdxContent(props);\\n}\\nreturn {\\n toc,\\n frontmatter,\\n default: MDXContent\\n};\\n\",\n children: _jsx(_components.code, {\n className: \"language-md\",\n regions: \"[]\",\n lineRanges: \"[{\\\"start\\\":3,\\\"end\\\":3}]\",\n meta: \"md\",\n title: \"\",\n descriptionHead: \"Line Highlighting\",\n descriptionContent: \"You can highlight code lines.\",\n children: \"```tsx{2}\\nconst MyComponent = () => {\\n return

Hello, world!

\\n}\\n```\\n\"\n })\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n toc,\n frontmatter,\n default: MDXContent\n};\n","rawPage","---\ntitle: Developer Content\nicon: folder-code\n---\n\n# Developer Content {subtitle=\"Start writing content for developers\"}\n\nAnother reason is easy to use tooling for writing a docs for developers, learn more [here](https://xyd.dev/docs/guides/developer-content).\n\n## Code Blocks [toc]\n````md [descHead=\"Code Blocks\" desc=\"You can use standard markdown code blocks (```) to write code blocks.\"] \n```tsx\nconst MyComponent = () => {\n return

Hello, world!

\n}\n```\n````\n\n \n\n## Line Highlighting [toc]\n````md{3} [descHead=\"Line Highlighting\" desc=\"You can highlight code lines.\"] \n```tsx{2}\nconst MyComponent = () => {\n return

Hello, world!

\n}\n```\n````\n\n","editLink","actionData","errors"]