title: ag-grid in vue display custom component when loading the rows
body: <p>Am trying to display the v-progress-circular vuetify component when ag-grid is loading the rows, i have been following the ag-grid documentation but that doesn't seems to work. the ag-grid documentation for vue seems to be outdated so i don't know what to do. What i have done so far is the following:</p>
  
  <p>TableProgress.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-progress-circular :value="20" color="primary" indeterminate&gt;
    &lt;/v-progress-circular&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
    name: 'TableProgress'
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>MyTable.vue (Relevant parts)</p>
  
  <pre><code>&lt;template&gt;
    &lt;ag-grid-vue
        :grid-options="gridOptions"
        class="ag-theme-material"
        :frameworkComponents="frameworkComponents"
        :loadingOverlayComponent="loadingOverlayComponent"
    /&gt;
  &lt;/template&gt;
  &lt;script&gt;
    import TableProgress from "./TableProgress";
  
    export default{
      data(){
        return{
          gridOptions: null,
          frameworkComponents: null,
          loadingOverlayComponent: null
        }
      },
      beforeMount () {
        this.frameworkComponents = {
          tableProgress: TableProgress
        }
        this.gridOptions.loadingOverlayComponent = 'tableProgress'
        this.loadingOverlayComponent = 'tableProgress'
      },
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>What am i doing wrong here? Or is it that this simply doesn't work on vue?</p>