this is code block example <div class="col-4 d-flex justify-content-center" v-if="!setDetails?.is_index_page_published">
<div class="bg-light border p-3">
<h6 class="font-weight-bold">
Index Page:
<template v-if="!setDetails?.is_add_index_page">
Currently, index page is not selected.
</template>
<template v-else-if="!setDetails?.is_index_page_published">
index page is not live yet
</template>
<b-button
variant="primary"
v-if="setDetails?.is_add_index_page"
@click="showPublishIndexPageConfirmation = true"
>
Publish
</b-button>
<b-button
variant="primary"
v-else-if="!setDetails?.is_add_index_page"
@click="redirectToLabRecipes"
>Go Back and Change</b-button
>
</h6>
</div>
</div>
Read more