Vue3 Query Builder - Logic Editor

[JhumanJ]

Hi,
We're in the process of migrating the project to version 3 of Vue. For the field logic editor, we use this package who only has support for vue 2. They aren't too many files in this package, so I believe that it shouldn't be too hard to fork it and to add support for Vue3.

How to reproduce the compatibility errors

• Check out vue-3 branch, npm install, npm run dev
• Open the form editor in the browser
• Click on the blue cog to open field settings for any of the fields
• Open console to see trigger warnings (still working since on vue-3 branch we still run @vue/compat)

Example errors:

[Vue warn]: onActivated is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement. 
  at <QueryBuilderGroup config= {operators: Array(2), rules: Array(3), colors: Array(6)} query= 

or

[Vue warn]: onUpdated is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement. 
  at <QueryBuilderGroup config= 

Acceptance criteria

• We need an open-source fork of this vue-query-builder package
• And a PR to the vue-3 branch, replacing the rtucek/vue-query-builder dependency with the new query builder, essentially fixing these issues!

Thank you!

[JhumanJ]

/bounty $150

[algora-pbc]

💎 $75 bounty created by JhumanJ
🙋 If you start working on this, comment /attempt #250 to notify everyone
👉 To claim this bounty, submit a pull request that includes the text /claim #250 somewhere in its body
📝 Before proceeding, please make sure you can receive payouts in your country
💵 Payment arrives in your account 2-5 days after the bounty is rewarded
💯 You keep 100% of the bounty award
🙏 Thank you for contributing to JhumanJ/OpnForm!

Attempt	Started (GMT+0)	Solution
🟢 @rishi-raj-jain	Dec 1, 2023, 7:08:16 PM	#251

[JhumanJ]

@rishi-raj-jain sure, please go ahead!

[algora-pbc]

💡 @rishi-raj-jain submitted a pull request that claims the bounty. You can visit your bounty board to reward.

[algora-pbc]

🎉🎈 @rishi-raj-jain has been awarded $75! 🎈🎊

[JhumanJ]

Closing this! @kwesterfeld2 can I also pay you via algora?

[kwesterfeld2]

You guys are a trip. I am not looking to get paid. Glad you guys made use of the work, but you should pay the original author something, not me. Good luck!

…

________________________________ From: Julien Nahum ***@***.***> Sent: Friday, December 1, 2023 5:00:39 PM To: JhumanJ/OpnForm ***@***.***> Cc: Kurt Westerfeld ***@***.***>; Mention ***@***.***> Subject: Re: [JhumanJ/OpnForm] Vue3 Query Builder - Logic Editor (Issue #250) Closing this! @kwesterfeld2<https://github.com/kwesterfeld2> can I also pay you via algora? — Reply to this email directly, view it on GitHub<#250 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AJC6YIXJOILP6A74WTQGGH3YHJHQPAVCNFSM6AAAAABADIUSPKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZWHAZTKNBUHA>. You are receiving this because you were mentioned.Message ID: ***@***.***>