BlogMeta.vue

<template>
  <div class="pb-4 mb-4 border-b border-gray-300">
    <div class="text-xs uppercase font-bold text-gray-600 tracking-wide">
      AUTEUR
    </div>
    <div class="flex items-center pt-2">
      <img
        src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Christine_Lagarde_(cropped).jpg"
        class="object-cover w-10 h-10 rounded-full mr-3"
      />
      <div>
        <p class="font-bold text-gray-900">Christine Lagarde</p>
        <p class="text-sm text-gray-700">À la BCE pour rien changer</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>