<template>
<article ref="article" class="content ${style}"><!-- if: ${toc} -->
<one-toc :items="toc"/><!-- /if -->
${content | raw}
<section class="meta">
  <one-edit-link path="${path}"/>
</section>
</article>
</template><!-- if: ${boilerplate} -->
<script>
import { htmlAttrs } from '~/common/i18n'<!-- for: ${components} as ${component} -->
import ${component} from '~/components/${component}'<!-- /for --><!-- for: ${demos} as ${demo}, ${index} -->
import Demo${index} from '${demo.src}'<!-- /for --><!-- if: ${demos.length} -->
import OneDemo from '~/components/OneDemo'<!-- /if --><!-- if: ${path} -->
import OneEditLink from '~/components/OneEditLink'<!-- /if --><!-- if: ${toc} -->
import OneToc from '~/components/OneToc'<!-- /if --><!-- if: ${alert} -->
import { VeuiAlert } from 'veui'<!-- /if -->

export default {
  components: {
    <!-- for: ${components} as ${component}, ${index} -->${component},
    <!-- /for --><!-- for: ${demos} as ${demo}, ${index} -->'${demo.name}': Demo${index},
    <!-- /for --><!-- if: ${demos.length} -->OneDemo,<!-- /if --><!-- if: ${alert} -->
    VeuiAlert,<!-- /if --><!-- if: ${toc} -->
    OneToc,<!-- /if --><!-- if: ${path} -->
    OneEditLink,<!-- /if -->
  },
  mixins: [htmlAttrs]<!-- if: ${toc} -->,
  data () {
    return {
      toc: ${toc | raw}
    }
  }<!-- /if -->
}
</script><!-- else -->
<script>
import { htmlAttrs } from '~/common/i18n'

export default {<!-- if: ${layout} -->
  layout: '${layout}',
<!-- /if -->
  mixins: [htmlAttrs]
}
</script><!-- /else -->