<template> <div ref="doc" class="readme" > <readme /> </div> </template> <script> import readme from './devGuidelines.vue.md' import { replaceEmojiWithImages } from '../../utils' export default { components: { readme }, mounted () { replaceEmojiWithImages(this.$refs.doc) }, methods: { } } </script> <style scoped> .readme { padding: 24px 0 24px 0; max-width: 720px; margin: auto; } </style>