From 992c40ac6c4e9faf64a52fcd64debc00577796aa 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: Tue, 6 Jun 2023 16:04:43 +0300
Subject: [PATCH] Refactor #3965 - For DataView & DataViewLayoutOptions

---
 components/lib/dataview/BaseDataView.vue                     | 5 ++++-
 components/lib/dataview/DataView.vue                         | 4 ++--
 .../lib/dataviewlayoutoptions/BaseDataViewLayoutOptions.vue  | 5 ++++-
 .../lib/dataviewlayoutoptions/DataViewLayoutOptions.vue      | 2 +-
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/components/lib/dataview/BaseDataView.vue b/components/lib/dataview/BaseDataView.vue
index 724edca53..850d26812 100644
--- a/components/lib/dataview/BaseDataView.vue
+++ b/components/lib/dataview/BaseDataView.vue
@@ -19,6 +19,8 @@ const classes = {
     footer: 'p-dataview-footer'
 };
 
+const { load: loadStyle } = useStyle(styles, { id: 'primevue_dataview_style', manual: true });
+
 export default {
     name: 'BaseDataView',
     extends: BaseComponent,
@@ -89,7 +91,8 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
     provide() {
         return {
diff --git a/components/lib/dataview/DataView.vue b/components/lib/dataview/DataView.vue
index b855ac2e9..704bb83e6 100755
--- a/components/lib/dataview/DataView.vue
+++ b/components/lib/dataview/DataView.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')">
+    <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="dataview">
         <div v-if="$slots.header" :class="cx('header')" v-bind="ptm('header')">
             <slot name="header"></slot>
         </div>
@@ -67,9 +67,9 @@
 </template>
 
 <script>
-import BaseDataView from './BaseDataView.vue';
 import Paginator from 'primevue/paginator';
 import { ObjectUtils } from 'primevue/utils';
+import BaseDataView from './BaseDataView.vue';
 
 export default {
     name: 'DataView',
diff --git a/components/lib/dataviewlayoutoptions/BaseDataViewLayoutOptions.vue b/components/lib/dataviewlayoutoptions/BaseDataViewLayoutOptions.vue
index a97f4f0ee..6b22e0eb1 100644
--- a/components/lib/dataviewlayoutoptions/BaseDataViewLayoutOptions.vue
+++ b/components/lib/dataviewlayoutoptions/BaseDataViewLayoutOptions.vue
@@ -17,6 +17,8 @@ const classes = {
     ]
 };
 
+const { load: loadStyle } = useStyle(styles, { id: 'primevue_dataviewlayoutoptions_style', manual: true });
+
 export default {
     name: 'BaseDataViewLayoutOptions',
     extends: BaseComponent,
@@ -24,7 +26,8 @@ export default {
         modelValue: String
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
     provide() {
         return {
diff --git a/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.vue b/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.vue
index 6ec26683b..af1e9edfe 100755
--- a/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.vue
+++ b/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.vue
@@ -14,9 +14,9 @@
 </template>
 
 <script>
-import BaseDataViewLayoutOptions from './BaseDataViewLayoutOptions.vue';
 import BarsIcon from 'primevue/icons/bars';
 import ThLargeIcon from 'primevue/icons/thlarge';
+import BaseDataViewLayoutOptions from './BaseDataViewLayoutOptions.vue';
 
 export default {
     name: 'DataViewLayoutOptions',