resources\js\components\Tool.vue

<script>
    export default {
        props: ['resourceName', 'resourceId', 'panel'],

        data () {
            return {
                data: []
            }
        },

        mounted () {
            this.fetchData()
        },

        computed: {
            model () {
                return this.panel.fields[0]['model']
            },
            groupBy () {
                return this.panel.fields[0]['group_by']
            },
            selectColumns () {
                return this.panel.fields[0]['select_columns']
            },
            usingWhere () {
                return this.panel.fields[0]['using_where']
            },
            groupTitle () {
                return this.panel.fields[0]['title']
            }
        },

        methods: {
            async fetchData () {
                const { data } = await Nova.request().post('/nova-vendor/grouped-view/get-grouped-data', {
                    model: this.model,
                    group_by: this.groupBy,
                    select_columns: this.selectColumns,
                    resource_id: this.resource_id,
                    using_where: this.usingWhere
                })

                this.data = data
            }
        }
    }
</script>