From dbbd4e4486af991a43d6c6f695c8a4f0f49e42fd Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Wed, 20 Sep 2023 13:23:57 +0100
Subject: [PATCH] Added ptOptions doc

---
 doc/configuration/PTOptionsDoc.vue | 30 ++++++++++++++++++++++++++++++
 pages/configuration/index.vue      |  6 ++++++
 2 files changed, 36 insertions(+)
 create mode 100644 doc/configuration/PTOptionsDoc.vue

diff --git a/doc/configuration/PTOptionsDoc.vue b/doc/configuration/PTOptionsDoc.vue
new file mode 100644
index 000000000..70156fe0e
--- /dev/null
+++ b/doc/configuration/PTOptionsDoc.vue
@@ -0,0 +1,30 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>
+            Used to configure the <i>ptOptions</i> properties of components and the <i>usePassThrough</i> method. The <i>mergeSections</i> defines whether the sections from the main configuration gets added and the <i>mergeProps</i> controls whether
+            to override or merge the defined props. Defaults are <i>true</i> for <i>mergeSections</i> and <i>false</i> for <i>mergeProps</i>. Visit the <NuxtLink to="/passthrough">Pass Through Props</NuxtLink> documentation for more information.
+        </p>
+    </DocSectionText>
+    <DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            code: {
+                basic: `import { createApp } from "vue";
+import PrimeVue from "primevue/config";
+const app = createApp(App);
+
+app.use(PrimeVue, {
+    ptOptions: {
+        mergeSections: true,
+        mergeProps: false
+    } 
+});`
+            }
+        };
+    }
+};
+</script>
diff --git a/pages/configuration/index.vue b/pages/configuration/index.vue
index a09ea305d..bbc36d22a 100644
--- a/pages/configuration/index.vue
+++ b/pages/configuration/index.vue
@@ -19,6 +19,7 @@
 import ImportDoc from '@/doc/configuration/ImportDoc';
 import InputStyleDoc from '@/doc/configuration/InputStyleDoc';
 import PTDoc from '@/doc/configuration/PTDoc.vue';
+import PTOptionsDoc from '@/doc/configuration/PTOptionsDoc.vue';
 import RippleDoc from '@/doc/configuration/RippleDoc';
 import UnstyledDoc from '@/doc/configuration/UnstyledDoc';
 import ZIndexDoc from '@/doc/configuration/ZIndexDoc';
@@ -46,6 +47,11 @@ export default {
                     label: 'Pass Through',
                     component: PTDoc
                 },
+                {
+                    id: 'ptoptions',
+                    label: 'Pass Through Options',
+                    component: PTOptionsDoc
+                },
                 {
                     id: 'ripple',
                     label: 'Ripple',