Custom processor callback for components generated from Vue

Hello there! i recently ran into this new awesome feature introduced here here you can have some processing done on the react generated element which is awesome. for the moment i am working on some third party components that use vue as their compiler. the current approach i am dealing with is as below that is working fine:

script: function () {
                        const appl = new Vue({
                            el: '#ccid',
                            data: {
                                message: 'button'
                            },
                            template: '<q-btn>{{message}}</q-btn>'
                        }).$mount()
                        $(this).append(appl.$el);
                    }

it will result something like this:

now the problem is this:

when you resize, it will resize the wrapper element, not the vue rendered one. if there was a way to process this iniside the component (like the way this new feature is doing it), it would be recognized by the editor and would be part of the model. is there any workaround for this?

thanks in advance.