<template>
  <tiny-tooltip pre :content="content" placement="bottom" effect="light">
    <tiny-button class="tiny-button tiny-button--primary"> 文本预格式化 </tiny-button>
  </tiny-tooltip>
</template>

<script>
import { TinyTooltip, TinyButton } from '@opentiny/vue'

export default {
  components: {
    TinyTooltip,
    TinyButton
  },
  data() {
    return {
      content: [
        '空山新雨后，天气晚来秋。',
        '  明月松间照，清泉石上流。',
        '竹喧归浣女，莲动下渔舟。',
        '  随意春芳歇，王孙自可留。'
      ].join('\n')
    }
  }
}
</script>
