<script>
import * as AllDemo from '../demo'

export default {
  props: {
    name: String,
  },
  render () {
    const name = this.name
    const titleMap = {}
    for (const [title] of Object.entries(AllDemo)) {
      const key = `${title.replace(/(\B[A-Z])/g, '-$1').toLowerCase()}`
      titleMap[key] = title
    }
    const Demo = AllDemo[titleMap[name.replace(/-cn\/?$/, '')]]
    const hash = this.$route.hash.replace('#', '')
    return (
      <div id='iframe-page'>
        <Demo iframeName={hash} />
      </div>
    )
  },
}
</script>