<template> <div class="doc-main"> <div class="doc-intro"> <h1>Avatar Theming</h1> </div> <DocSections :docs="docs" /> </div> <DocSectionNav :docs="docs" /> </template> <script> import StyledDoc from './StyledDoc.vue'; import TailwindDoc from './TailwindDoc.vue'; export default { data() { return { docs: [ { id: 'theming.styled', label: 'Styled', component: StyledDoc }, { id: 'theming.unstyled', label: 'Unstyled', description: 'Theming is implemented with the pass through properties in unstyled mode.', children: [ { id: 'theming.tailwind', label: 'Tailwind', component: TailwindDoc } ] } ] }; } }; </script>