# Kreator treści

Kreator treści udostępnia dwa sposoby dodawania treści:

  • ContentBuilder
  • CustomFields

# ContentBuilder

Komponent obsługuje wyświetlanie grup, sekcji oraz pozycji w określonej kolejności w panelu.

<script setup>
const route = useRoute();

const { data: article, error } = await useCoreFetch(
  `/blog/articles/${route.params.slug}`,
  {
    transform: transformModelResponse,
  }
);

useHead(getSeoMeta(article.value?.seo));
</script>

<template>
  <article>
    <content-builder :section-groups="article.section_groups" />
  </article>
</template>

# CustomFields

W panelu dla stron niestandardowych (np. homepage, kontakt) można skonfigurować jakie pola powinny się wyświetlić dla strony o danym typie.

Przykład użycia:

<template>
    <div>
        <div v-if="page.custom_fields">
            <div class="font-semibold text-base md:text-xl">
                {{ page.custom_fields.about_us_title.content }}
            </div>

            <editor-content :content="page.custom_fields.about_us_text.content" />

            <media-image :media-file="page.custom_fields.about_us_img.media_files" />
        </div>
    </div>
</template>