<template>
  <v-row class="home-row ml-5">
    <v-col
      cols="12"
      md="8"
    >
      <main>
        <section class="posts-section">
          <PublicBlogPostsList />
        </section>
      </main>
    </v-col>
  </v-row>
</template>

<script setup lang="ts">
import useBreadcrumbs from "@/use/use-breadcrumbs"

import PublicBlogPostsList from "@/components/blog-posts/PublicBlogPostsList.vue"

useBreadcrumbs("Blog", [
  {
    title: "Blog",
    to: {
      name: "BlogPage",
    },
  },
])
</script>

<style scoped>
.section-eyebrow {
  display: block;
  font-size: 14px;
}
</style>
