@walfin I think a fork would be better . Since that project objective is form builder while WYSIWYG builder will have larger scope.

I would imagine that we want to have template and page builder as well.

If Figma is not an option, a good starting point will be this one.

https://github.com/baggachipz/q-form-builder

Drag and drop and customizing properties is already happening in that project.

I would be interested in UI/UX design if this WYSIWYG project get kickedoff.

May I suggest way to move forward is to write plugin for tool like Figma.

Figma already able to create UI and layout. We just need a plugin that can translate design into quasar layout code.

Please ignore this question, it turns our I put serverPagination object in methods instead of data:D

*PLEASE IGNORE THIS QUESTION AND REFER TO NEXT …"
I have a working QTable and just need to add server side pagination.

However after I add bellow codes it immediately give error as per titled. Remove them and error go away!

<q-table ... :pagination.sync="serverPagination">

// ... add to data

    serverPagination: {
      page: 1,
      rowsNumber: 10
    }

Full error message

[Vue warn]: Error in nextTick: "TypeError: fn.bind is not a function"
warn @ vue.runtime.esm.js?2b0e:587
logError @ vue.runtime.esm.js?2b0e:1733
globalHandleError @ vue.runtime.esm.js?2b0e:1728
handleError @ vue.runtime.esm.js?2b0e:1717
(anonymous) @ vue.runtime.esm.js?2b0e:1835
flushCallbacks @ vue.runtime.esm.js?2b0e:1754
Promise.then (async)
microTimerFunc @ vue.runtime.esm.js?2b0e:1802
nextTick @ vue.runtime.esm.js?2b0e:1846
queueWatcher @ vue.runtime.esm.js?2b0e:3064
update @ vue.runtime.esm.js?2b0e:3205
notify @ vue.runtime.esm.js?2b0e:693
reactiveSetter @ vue.runtime.esm.js?2b0e:1010
(anonymous) @ vue-router.esm.js?8c4f:2508
(anonymous) @ vue-router.esm.js?8c4f:2507
updateRoute @ vue-router.esm.js?8c4f:1997
(anonymous) @ vue-router.esm.js?8c4f:1875
(anonymous) @ vue-router.esm.js?8c4f:1984
step @ vue-router.esm.js?8c4f:1714
step @ vue-router.esm.js?8c4f:1721
step @ vue-router.esm.js?8c4f:1721
runQueue @ vue-router.esm.js?8c4f:1725
(anonymous) @ vue-router.esm.js?8c4f:1979
step @ vue-router.esm.js?8c4f:1714
(anonymous) @ vue-router.esm.js?8c4f:1718
(anonymous) @ vue-router.esm.js?8c4f:1964
(anonymous) @ vue-router.esm.js?8c4f:1757
(anonymous) @ vue-router.esm.js?8c4f:1833
Promise.then (async)
(anonymous) @ vue-router.esm.js?8c4f:1780
(anonymous) @ vue-router.esm.js?8c4f:1801
(anonymous) @ vue-router.esm.js?8c4f:1801
flatMapComponents @ vue-router.esm.js?8c4f:1800
(anonymous) @ vue-router.esm.js?8c4f:1736
iterator @ vue-router.esm.js?8c4f:1943
step @ vue-router.esm.js?8c4f:1717
step @ vue-router.esm.js?8c4f:1721
step @ vue-router.esm.js?8c4f:1721
(anonymous) @ vue-router.esm.js?8c4f:1718
(anonymous) @ vue-router.esm.js?8c4f:1964
(anonymous) @ routerAuth.js?a482:36
Promise.then (async)
(anonymous) @ routerAuth.js?a482:32
iterator @ vue-router.esm.js?8c4f:1943
step @ vue-router.esm.js?8c4f:1717
runQueue @ vue-router.esm.js?8c4f:1725
confirmTransition @ vue-router.esm.js?8c4f:1972
transitionTo @ vue-router.esm.js?8c4f:1874
init @ vue-router.esm.js?8c4f:2494
beforeCreate @ vue-router.esm.js?8c4f:540
callHook @ vue.runtime.esm.js?2b0e:2917
Vue._init @ vue.runtime.esm.js?2b0e:4622
Vue @ vue.runtime.esm.js?2b0e:4725
(anonymous) @ client-entry.js?7c2d:86
./.quasar/client-entry.js @ app.js:940
__webpack_require__ @ app.js:768
fn @ app.js:131
0 @ app.js:7648
__webpack_require__ @ app.js:768
(anonymous) @ app.js:904
(anonymous) @ app.js:907

vue.runtime.esm.js?2b0e:1737 TypeError: fn.bind is not a function
    at nativeBind (vue.runtime.esm.js?2b0e:205)
    at initMethods (vue.runtime.esm.js?2b0e:3537)
    at initState (vue.runtime.esm.js?2b0e:3305)
    at VueComponent.Vue._init (vue.runtime.esm.js?2b0e:4624)
    at new VueComponent (vue.runtime.esm.js?2b0e:4794)
    at createComponentInstanceForVnode (vue.runtime.esm.js?2b0e:4306)
    at init (vue.runtime.esm.js?2b0e:4127)
    at createComponent (vue.runtime.esm.js?2b0e:5604)
    at createElm (vue.runtime.esm.js?2b0e:5551)
    at createChildren (vue.runtime.esm.js?2b0e:5678)```

Just registered to say +1 . Will follow this thread and give feedback if I ever found a solution.

Sharing some not so relevant link:

https://developers.google.com/web/tools/chrome-devtools/javascript/