From d1892a0ef21f9389656d651498990d22f9d51cfb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Wed, 20 Sep 2023 11:14:24 +0300
Subject: [PATCH] Update TemplateDoc.vue

---
 doc/confirmdialog/TemplateDoc.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/doc/confirmdialog/TemplateDoc.vue b/doc/confirmdialog/TemplateDoc.vue
index a1ade830a..b2c213e3d 100644
--- a/doc/confirmdialog/TemplateDoc.vue
+++ b/doc/confirmdialog/TemplateDoc.vue
@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>Templating allows customizing the content where the message instance is available as the implicit variable.</p>
     </DocSectionText>
-    <ConfirmDialog group="templating">
+    <ConfirmDialog group="templating" :pt="{ headertitle: 'mr-4' }">
         <template #message="slotProps">
             <div class="flex p-4">
                 <i :class="slotProps.message.icon" style="font-size: 1.5rem"></i>
@@ -21,7 +21,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `<ConfirmDialog group="templating">
+                basic: `<ConfirmDialog group="templating" :pt="{ headertitle: 'mr-4' }">
     <template #message="slotProps">
         <div class="flex p-4">
             <i :class="slotProps.message.icon" style="font-size: 1.5rem"></i>
@@ -31,8 +31,7 @@ export default {
 </ConfirmDialog>
 <Button @click="showTemplate()" icon="pi pi-check" label="Terms and Conditions" class="mr-2"></Button>`,
                 options: `<template>
-    <Toast />
-    <ConfirmDialog group="templating">
+    <ConfirmDialog group="templating" :pt="{ headertitle: 'mr-4' }">
         <template #message="slotProps">
             <div class="flex p-4">
                 <i :class="slotProps.message.icon" style="font-size: 1.5rem"></i>
@@ -43,6 +42,7 @@ export default {
     <div class="card flex flex-wrap gap-2 justify-content-center">
         <Button @click="showTemplate()" icon="pi pi-check" label="Terms and Conditions" class="mr-2"></Button>
     </div>
+    <Toast />
 </template>
 
 <script>
@@ -68,8 +68,7 @@ export default {
 };
 <\/script>`,
                 composition: `<template>
-    <Toast />
-    <ConfirmDialog group="templating">
+    <ConfirmDialog group="templating" :pt="{ headertitle: 'mr-4' }">
         <template #message="slotProps">
             <div class="flex p-4">
                 <i :class="slotProps.message.icon" style="font-size: 1.5rem"></i>
@@ -80,6 +79,7 @@ export default {
     <div class="card flex flex-wrap gap-2 justify-content-center">
         <Button @click="showTemplate()" icon="pi pi-check" label="Terms and Conditions" class="mr-2"></Button>
     </div>
+    <Toast />
 </template>
 
 <script setup>