vue-query-builder icon indicating copy to clipboard operation
vue-query-builder copied to clipboard

vue3 port

Open kwesterfeld2 opened this issue 3 years ago • 11 comments

  • use composition api vs. vue-class-component/vue-property-decorator, via
  • fix v-model breaking changes for vue 3
  • update demo app accordingly
  • implement event bus via mitt
  • build with vite; remove vue cli
  • update dep for vuedraggable; change API interaction with vuedraggable to deal with proxied children, due to requirement for itemKey per draggable.
  • update miscellaneous deps for building with vite, linting, etc
  • update tests to use vitest

kwesterfeld2 avatar Nov 21 '22 20:11 kwesterfeld2

@rtucek I realized my branch did commit build files. I did this so my app could consume them.

Do you want a PR without build files?

BTW, very impressive work with the complete test coverage. I was able to get most of the port done in a day but struggled with some test failures for about a week and it turns out there were some very subtle port issues for vue 3 and it's proxy handling of components.

kwesterfeld2 avatar Nov 22 '22 14:11 kwesterfeld2

@kwesterfeld2 woha, this is amazing.

I'll check when I'm home again as I'm traveling right now for 1 week.

No, you don't need to provide build files, as I'm creating them anyway prior tagging a release.

Also thank you for the credit on testing :) I had to add it, because I broke it way to often by myself :laughing:

Do you think we'd also have to adjust the docs? I'm sort of thinking to to split the docs for Vue 2 and Vue 3 and duplicate + port the Codesandbox samples.

rtucek avatar Nov 24 '22 21:11 rtucek

I'm not sure how to proceed with releasing the component for vue 3. What I see some developers do is bump the major version and declare that "if you want vue 2 support use version prior." Something like that.

Also, I see that lint checks are failing, but that's likely because of the way in which the entire stack is rebuilt using new versions of everything. Also, I'm not sure I'm good enough at Typescript to adjust code to fix some of the warnings it finds. I've been doing JS a very long time but TS is something I don't dabble much in.

Let me know if you need a new PR with anything adjusted.

kwesterfeld2 avatar Nov 24 '22 21:11 kwesterfeld2

@kwesterfeld2 hello, I have a small question (about the vue3), how can be talked about?

Davidbadasyan avatar Aug 03 '23 14:08 Davidbadasyan

Happy to answer any questions


From: Davidbadasyan @.> Sent: Thursday, August 3, 2023 4:17:12 AM To: rtucek/vue-query-builder @.> Cc: Kurt Westerfeld @.>; Mention @.> Subject: Re: [rtucek/vue-query-builder] vue3 port (PR #93)

@kwesterfeld2https://github.com/kwesterfeld2 hello, I have a small question, how can talked?

— Reply to this email directly, view it on GitHubhttps://github.com/rtucek/vue-query-builder/pull/93#issuecomment-1664071143, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AJC6YIUBQEZTK36EE5D457DXTOXGRANCNFSM6AAAAAASHBCPBA. You are receiving this because you were mentioned.Message ID: @.***>

kwesterfeld2 avatar Aug 03 '23 16:08 kwesterfeld2

I have copied your changes and made a build to use this vue query builder but it is giving me some strange error did you use it was it fine? cannot read properties of undefined (reading '_init') vue image image

image image

Davidbadasyan avatar Aug 03 '23 16:08 Davidbadasyan

we use the fork I am maintaining but the changes should be aligned with my PR

Get Outlook for iOShttps://aka.ms/o0ukef


From: Davidbadasyan @.> Sent: Thursday, August 3, 2023 6:48:10 AM To: rtucek/vue-query-builder @.> Cc: Kurt Westerfeld @.>; Mention @.> Subject: Re: [rtucek/vue-query-builder] vue3 port (PR #93)

I have copied your changes and made build to use this vue query builder but it is giving me some strange error did you used it was it fine?

— Reply to this email directly, view it on GitHubhttps://github.com/rtucek/vue-query-builder/pull/93#issuecomment-1664312994, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AJC6YIQTCJZWTBDUSX7MIRTXTPI4VANCNFSM6AAAAAASHBCPBA. You are receiving this because you were mentioned.Message ID: @.***>

kwesterfeld2 avatar Aug 03 '23 18:08 kwesterfeld2

will this be fixed with your PR?

Davidbadasyan avatar Aug 04 '23 04:08 Davidbadasyan

did you use the vue-query-builder that you made for vue 3 and how you implemented it in your project or do you still wait to merge pr and after do it?

Davidbadasyan avatar Aug 04 '23 08:08 Davidbadasyan

how can I send a video screen?

Davidbadasyan avatar Aug 04 '23 12:08 Davidbadasyan

are you available?

Davidbadasyan avatar Aug 06 '23 07:08 Davidbadasyan