{"_path":"/api/components","_dir":"api","_draft":false,"_partial":false,"_locale":"","_empty":false,"title":"Components","description":"Discover every component you can use in your content.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"components"},"children":[{"type":"text","value":"Components"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Discover every component you can use in your content."}]},{"type":"element","tag":"h2","props":{"id":"alert"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<Alert />"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"alert","props":{"type":"info","style":"margin-top: 0;"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out an "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"info"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"success"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"success"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"warning"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"warning"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"danger","style":"margin-bottom: 0;"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"danger"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":"::alert{type=\"info\"}\nCheck out an **info** alert with `code` and a [link](/).\n::\n\n::alert{type=\"success\"}\nCheck out a **success** alert with `code` and a [link](/).\n::\n\n::alert{type=\"warning\"}\nCheck out a **warning** alert with `code` and a [link](/).\n::\n\n::alert{type=\"danger\"}\nCheck out a **danger** alert with `code` and a [link](/).\n::\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"alert"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"info\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"Check out an "}]},{"type":"element","tag":"span","props":{"class":"ct-994153"},"children":[{"type":"text","value":"**info**"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"class":"ct-183541"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"](/).\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"alert"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"success\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"class":"ct-994153"},"children":[{"type":"text","value":"**success**"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"class":"ct-183541"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"](/).\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"alert"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"warning\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"class":"ct-994153"},"children":[{"type":"text","value":"**warning**"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"class":"ct-183541"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"](/).\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"alert"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"danger\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"class":"ct-994153"},"children":[{"type":"text","value":"**danger**"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"class":"ct-183541"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"](/).\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Alert.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"badge"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<Badge />"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<Badge />"}]},{"type":"text","value":" support same types as "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<Alert />"}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"div","props":{"style":"display:flex; gap: 1rem;"},"children":[{"type":"element","tag":"badge","props":{},"children":[{"type":"text","value":"v1.2"}]},{"type":"element","tag":"badge","props":{"type":"warning"},"children":[{"type":"text","value":"Deprecated"}]},{"type":"element","tag":"badge","props":{"type":"danger"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Not found!"}]}]}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":":badge[v1.2]\n\n:badge[Deprecated]{type=\"warning\"}\n\n::badge{type=\"danger\"}\nNot found!\n::\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"badge"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"class":"ct-183541"},"children":[{"type":"text","value":"v1.2"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"]\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"badge"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"class":"ct-183541"},"children":[{"type":"text","value":"Deprecated"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"]{"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"warning\""}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"badge"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"danger\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"Not found!\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Badge.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"blockhero"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<BlockHero />"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"block-hero","props":{":cta":"[\"Get started\",\"/introduction/getting-started\"]",":secondary":"[\"Open on GitHub →\",\"https://github.com/nuxtlabs/docus\"]","snippet":"npx nuxi@latest init docus-app -t nuxtlabs/docus-starter"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Document-driven framework"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites."}]}]}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":"::block-hero\n---\ncta:\n  - Get started\n  - /get-started\nsecondary:\n  - Open on GitHub →\n  - https://github.com/nuxtlabs/docus\nsnippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n---\n#title\nDocument-driven framework\n\n#description\nDocus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n::\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"block-hero\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"cta"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  - "}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"Get started\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  - "}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"/get-started\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"secondary"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  - "}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"Open on GitHub →\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  - "}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"https://github.com/nuxtlabs/docus\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"snippet"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"Document-driven framework\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/BlockHero.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"buttonlink"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<ButtonLink />"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"button-link","props":{":blank":"true","href":"https://stackblitz.com/github/nuxtlabs/docus-starter","icon":"IconStackBlitz"},"children":[{"type":"text","value":"Play on StackBlitz"}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":":button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"button-link"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"class":"ct-183541"},"children":[{"type":"text","value":"Play on StackBlitz"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"]{"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"icon"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"IconStackBlitz\""}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"href"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"https://stackblitz.com/github/nuxtlabs/docus-starter\""}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"blank"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"}"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/ButtonLink.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"callout"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<Callout />"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<Callout />"}]},{"type":"text","value":" support same types as "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<Alert />"}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"callout","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:summary":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"template","props":{"v-slot:content":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the content of the callout."}]}]}]},{"type":"element","tag":"callout","props":{"type":"warning"},"children":[{"type":"element","tag":"template","props":{"v-slot:summary":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"template","props":{"v-slot:content":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the content of the callout."}]}]}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":"::callout\n#summary\nThis is a callout! Click me to open.\n\n#content\nThis is the content of the callout.\n::\n \n::callout{type=\"warning\"}\n#summary\nThis is a callout! Click me to open.\n\n#content\nThis is the content of the callout.\n::\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"callout\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#summary\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"This is a callout! Click me to open.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#content\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"This is the content of the callout.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" \n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"callout"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"warning\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#summary\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"This is a callout! Click me to open.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#content\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"This is the content of the callout.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Callout.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"card"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<Card />"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"card","props":{"icon":"logos:nuxt-icon"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Based on "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt 3"}]},{"type":"text","value":" and "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":". "},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nUse Nuxt to build a static site, or a serverless app."}]}]}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":" ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content**. :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" ::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"card"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{icon"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"logos:nuxt-icon\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" Nuxt Architecture.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" Based on "}]},{"type":"element","tag":"span","props":{"class":"ct-994153"},"children":[{"type":"text","value":"**Nuxt 3**"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" and "}]},{"type":"element","tag":"span","props":{"class":"ct-994153"},"children":[{"type":"text","value":"**Nuxt Content**"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":". :"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"br\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" Use Nuxt to build a static site, or a serverless app.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" ::"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Card.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"cardgrid"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<CardGrid />"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"card-grid","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"What's included?"}]}]},{"type":"element","tag":"template","props":{"v-slot:root":""},"children":[{"type":"element","tag":"ellipsis","props":{},"children":[]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Harness the full power of Nuxt and the Nuxt ecosystem."}]}]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Vue Components."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use built-in components (or your own!) inside your content."}]}]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write Markdown."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Enjoy the ease and simplicity of Markdown and discover MDC syntax."}]}]}]}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":"::card-grid\n#title\nWhat's included\n\n#root\n:ellipsis\n\n#default\n  ::card\n  #title\n  Nuxt Architecture.\n  #description\n  Harness the full power of Nuxt and the Nuxt ecosystem.\n  ::\n  ::card\n  #title\n  Vue Components.\n  #description\n  Use built-in components (or your own!) inside your content.\n  ::\n  ::card\n  #title\n  Write Markdown.\n  #description\n  Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n  ::\n::\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"card-grid\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"What's included\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#root\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"ellipsis\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#default\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"card\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  Nuxt Architecture.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  Harness the full power of Nuxt and the Nuxt ecosystem.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"card\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  Vue Components.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  Use built-in components (or your own!) inside your content.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"card\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  Write Markdown.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"#description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":25},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":26},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":27},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CardGrid.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"codegroup"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<CodeGroup />"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This component uses "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"slots"}]},{"type":"text","value":" to create a tab panel of your code examples or preview."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code","props":{"className":["language-bash"],"code":"yarn add docus\n","filename":"Yarn","language":"bash","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"add"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"docus"}]}]}]}]}]},{"type":"element","tag":"code","props":{"className":["language-bash"],"code":"npm install docus\n","filename":"NPM","language":"bash","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"install"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"docus"}]}]}]}]}]}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":"::code-group\n  ```bash [Yarn]\n  yarn add docus\n  ```\n  ```bash [NPM]\n  npm install docus\n  ```\n::\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"code-group\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ```bash ["}]},{"type":"element","tag":"span","props":{"class":"ct-183541"},"children":[{"type":"text","value":"Yarn"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"]\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  yarn add docus\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ```\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ```bash ["}]},{"type":"element","tag":"span","props":{"class":"ct-183541"},"children":[{"type":"text","value":"NPM"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"]\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  npm install docus\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ```\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CodeGroup.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"codeblock"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<CodeBlock />"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To be used inside a "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<CodeGroup />"}]},{"type":"text","value":" component to display a preview of some rendered code."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"badge","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Hello World!"}]}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":"/* Added as a child of `<CodeGroup />` */\n\n::code-block{label=\"Preview\" preview}\n  ::badge\n  Hello World!\n  ::\n::\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"/* Added as a child of "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"`<CodeGroup />`"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" */\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"code-block"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{label"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"Preview\""}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"preview}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"badge\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  Hello World!\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CodeBlock.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"copybutton"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<CopyButton />"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"copy-button","props":{"content":"hey!"},"children":[]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":":copy-button{content=\"hey!\"}\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"copy-button"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"{content=\"hey!\"}"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CopyButton.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"icon"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<Icon />"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Icon component gives you access to all "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"100,000+"}]},{"type":"text","value":" icons from "},{"type":"element","tag":"a","props":{"href":"https://icones.js.org","rel":["nofollow"]},"children":[{"type":"text","value":"icones.js.org"}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"icon","props":{"name":"logos:nuxt-icon"},"children":[]},{"type":"element","tag":"icon","props":{"name":"logos:vue"},"children":[]},{"type":"element","tag":"icon","props":{"name":"logos:nuxt-icon"},"children":[]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":":icon{name=\"logos:nuxt-icon\"}\n:icon{name=\"logos:vue\"}\n:icon{name=\"logos:nuxt-icon\"}\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"icon"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"{name=\"logos:nuxt-icon\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"icon"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"{name=\"logos:vue\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"icon"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"{name=\"logos:nuxt-icon\"}"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Icon.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"list"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<List />"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"list","props":{"type":"primary"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Important"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Always"}]}]}]},{"type":"element","tag":"list","props":{"type":"success"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Amazing"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Congrats"}]}]}]},{"type":"element","tag":"list","props":{"type":"info"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Do you know?"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"You can also do this"}]}]}]},{"type":"element","tag":"list","props":{"type":"warning"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Be careful"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use with precautions"}]}]}]},{"type":"element","tag":"list","props":{"type":"danger"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Drinking too much"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Driving drunk"}]}]}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":"::list{type=\"primary\"}\n- **Important**\n- Always\n::\n\n::list{type=\"success\"}\n- Amazing\n- Congrats\n::\n\n::list{type=\"info\"}\n- Do you know?\n- You can also do this\n::\n\n::list{type=\"warning\"}\n- Be careful\n- Use with precautions\n::\n\n::list{type=\"danger\"}\n- Drinking too much\n- Driving drunk\n::\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"list"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"primary\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-994153"},"children":[{"type":"text","value":"**Important**\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" Always\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"list"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"success\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" Amazing\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" Congrats\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"list"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"info\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" Do you know?\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" You can also do this\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"list"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"warning\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" Be careful\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" Use with precautions\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"list"}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"{type"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"\"danger\""}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" Drinking too much\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"class":"ct-443230"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":" Driving drunk\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/List.vue"},"children":[]},{"type":"element","tag":"h2","props":{"id":"sandbox"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<Sandbox />"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Embed CodeSandbox/StackBlitz easily in your documentation with great performances."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Using the "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API","rel":["nofollow"]},"children":[{"type":"text","value":"IntersectionObserver"}]},{"type":"text","value":" to load when visible in the viewport."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"sandbox","props":{"src":"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark"},"children":[]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":":sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"sandbox"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Sandbox.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"terminal"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<Terminal />"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"terminal","props":{"content":"nuxi build"},"children":[]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":":terminal{content=\"nuxi build\"}\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"terminal"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"{content=\"nuxi build\"}"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Terminal.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"videoplayer"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"<VideoPlayer />"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"div","props":{},"children":[{"type":"element","tag":"video-player","props":{"src":"https://www.youtube.com/watch?v=o9e12WbKrd8"},"children":[]}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":"::div\n  :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n::\n","filename":"Code","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"div\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"  :"}]},{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"video-player"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"::"}]}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/VideoPlayer.vue"},"children":[]},{"type":"element","tag":"style","children":[{"type":"text","value":".dark .ct-935781{color:#C9D1D9;}\n.ct-935781{color:#24292F;}\n.dark .ct-238295{color:#7EE787;}\n.ct-238295{color:#116329;}\n.dark .ct-998471{color:#79C0FF;}\n.ct-998471{color:#0550AE;}\n.dark .ct-667011{color:#A5D6FF;}\n.ct-667011{color:#0A3069;}\n.dark .ct-994153{color:#C9D1D9;font-weight:bold;}\n.ct-994153{color:#24292F;font-weight:bold;}\n.dark .ct-183541{color:#A5D6FF;text-decoration:bold;}\n.ct-183541{color:#0A3069;text-decoration:bold;}\n.dark .ct-443230{color:#FFA657;}\n.ct-443230{color:#953800;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"alert","depth":2,"text":"<Alert />"},{"id":"badge","depth":2,"text":"<Badge />"},{"id":"blockhero","depth":2,"text":"<BlockHero />"},{"id":"buttonlink","depth":2,"text":"<ButtonLink />"},{"id":"callout","depth":2,"text":"<Callout />"},{"id":"card","depth":2,"text":"<Card />"},{"id":"cardgrid","depth":2,"text":"<CardGrid />"},{"id":"codegroup","depth":2,"text":"<CodeGroup />"},{"id":"codeblock","depth":2,"text":"<CodeBlock />"},{"id":"copybutton","depth":2,"text":"<CopyButton />"},{"id":"icon","depth":2,"text":"<Icon />"},{"id":"list","depth":2,"text":"<List />"},{"id":"sandbox","depth":2,"text":"<Sandbox />"},{"id":"terminal","depth":2,"text":"<Terminal />"},{"id":"videoplayer","depth":2,"text":"<VideoPlayer />"}]}},"_type":"markdown","_id":"content:2.api:1.components.md","_source":"content","_file":"2.api/1.components.md","_extension":"md"}