title: rowsPerPageOptions in DataTable not showing
body: <p>I'm trying to show a rows per page dropdown selector in the <code>DataTable</code> component from <code>PrimeVUE</code>.</p>
  
  <p>This is the <code>html</code> code of the <code>DataTable</code> I <strong>have</strong>:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;DataTable :value="comunicaciones" :paginator="true" :rows="numFilas" :rowsPerPageOptions="comboFilas"&gt;
  </code></pre>
  
  <p>And this is the <code>data()</code> in <strong><code>my component</code></strong>:</p>
  
  <pre><code>data() {
      return {
        comunicaciones: null,
        columnas: null,
        numFilas: 10,
        comboFilas: [
          { label: "10", value: 10 },
          { label: "30", value: 30 },
          { label: "50", value: 50 }
        ]
      };
    }
  </code></pre>
  
  <p>And that generates the following <code>HTML</code> code in the <strong>page</strong>:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;dropdown value="10" options="[object Object],[object Object],[object Object]" optionlabel="label" optionvalue="value"&gt;&lt;/dropdown&gt;
  </code></pre>
  
  <p>The table works fine, as all rows are loading correctly, that dropdown is the only problem it has. Can anyone tell me how am I supposed to pass the arguments in order to show the rows per page dropdown? Thanks!</p>
  
  <p><strong>EDIT:</strong>
  It seems that setting the comboFilas array like I have, or setting it as an arry of integers are both correct ways to configure it. Looking at the console when loading the page, this error comes up:</p>
  
  <pre><code>[Vue warn]: Unknown custom element: &lt;Dropdown&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  
  found in
  
  ---&gt; &lt;RowsPerPageDropdown&gt; at node_modules/primevue/components/paginator/RowsPerPageDropdown.vue
         &lt;DTPaginator&gt; at node_modules/primevue/components/paginator/Paginator.vue
           &lt;DataTable&gt; at node_modules/primevue/components/datatable/DataTable.vue
             &lt;UltimasComunicaciones&gt; at src/components/UltimasComunicaciones.vue
               &lt;App&gt; at src/App.vue
                 &lt;Root&gt;
  </code></pre>
  
  <p>It looks as it is not loading the dropdown component correctly. The relevant code of my component is the following:</p>
  
  <pre><code>&lt;script&gt;
  import axios from "axios";
  import DataTable from "primevue/datatable";
  import Column from "primevue/column";
  import Button from "primevue/button";
  import Dropdown from "primevue/dropdown";
  
  export default {
    name: "UltimasComunicaciones",
    components: {
      DataTable,
      Column,
      Button,
      Dropdown
    },
  </code></pre>
  
  <p>The imports and paths seem to be correct, so if anyone has faced this problem, I would appreciate some help!</p>