Fixed #3802 - Improve folder structure for nuxt configurations

components/lib/paginator/RowsPerPageDropdown.vue

@@ -0,0 +1,38 @@
+<template>
+    <RPPDropdown :modelValue="rows" :options="rowsOptions" optionLabel="label" optionValue="value" @update:modelValue="onChange($event)" class="p-paginator-rpp-options" :disabled="disabled"></RPPDropdown>
+</template>
+
+<script>
+import Dropdown from 'primevue/dropdown';
+
+export default {
+    name: 'RowsPerPageDropdown',
+    emits: ['rows-change'],
+    props: {
+        options: Array,
+        rows: Number,
+        disabled: Boolean
+    },
+    methods: {
+        onChange(value) {
+            this.$emit('rows-change', value);
+        }
+    },
+    computed: {
+        rowsOptions() {
+            let opts = [];
+
+            if (this.options) {
+                for (let i = 0; i < this.options.length; i++) {
+                    opts.push({ label: String(this.options[i]), value: this.options[i] });
+                }
+            }
+
+            return opts;
+        }
+    },
+    components: {
+        RPPDropdown: Dropdown
+    }
+};
+</script>