<template>
  <Banner />
  <div class="m-content">
    <el-card shadow="hover" class="aboutme">
      <v-md-preview :text="content"></v-md-preview>
    </el-card>
  </div>
</template>

<script setup>
import Banner from '@/components/Banner.vue'
import { ref, onMounted } from 'vue'
import { getAboutContent } from '../../api/about'

const content = ref('') // 关于我 的内容

onMounted(async () => {
  content.value = (await getAboutContent()).data.content
})
</script>

<style lang="scss" scoped>
.aboutme {
  margin: 20px 0;
}
</style>
