feat!: migrate app to Vue 3

[st3iny]

Resolves #4298

Also drops compatibility with Nextcloud < 32 due to major design changes in the latest version of @nextcloud/vue which will only be compatible with Nextcloud 32.

Dropped dependencies

• vuex-router-sync => Not required anymore and not compatible with Vuex 4.
• vue-click-outside => Not required anymore. This is now handled by @nextcloud/vue directly.

Replaced dependencies

• vue-virtual-scroll-list, vue-virtual-scroller => virtua

All other dependencies requiring Vue had more recent version available which are compatible with Vue 3.

TODO

• Update and replace dependencies
• Make it build
• Make it render
• Crude testing
• Migrate Vue 3 breaking changes (mostly through npm run lint:fix)
• Migrate @nextcloud/vue 9 breaking changes (manually) -> https://github.com/nextcloud-libraries/nextcloud-vue/blob/main/CHANGELOG.md
• Fix weird interactions between ical.js and Vue 3 reactivity (proxies) -> use shallowRef()
• Rebase and fix conflicts
• Drop support for Nextcloud < 32

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 65.62%. Comparing base (f67a9b5) to head (475327d).
⚠️ Report is 7 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff              @@
##              main    #4581       +/-   ##
============================================
+ Coverage     9.86%   65.62%   +55.76%     
  Complexity     265      265               
============================================
  Files          124       26       -98     
  Lines         6173      771     -5402     
  Branches      1423        0     -1423     
============================================
- Hits           609      506      -103     
+ Misses        5441      265     -5176     
+ Partials       123        0      -123     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[SebastianKrupinski]

Tested.

• Created new contact
• Updated existing contact
• Removed contact
• Added properties
• Removed properties
• Added picture
• Removed picture
• Tested drop downs
• Tested text fields
• Tested date fields
• Tested multi select and action

All seems to be functioning as expected

[SebastianKrupinski]

Spoke too soon, this breaks contacts merging, check boxes and radio selectors on the merge screen are not working.

[st3iny]

Spoke too soon, this breaks contacts merging, check boxes and radio selectors on the merge screen are not working.

Right, I forgot to check the new features after the rebase. Will have a look tomorrow.

EDIT: Done

[SebastianKrupinski]

Tested again.

The contacts merging is now working properly and all other functions seem good too.

[SebastianKrupinski]

@st3iny

Since this is a major overhaul and does not support anything before Nc32, maybe we should do a major version bump? version 8?

[st3iny]

@SebastianKrupinski Yeah, I'd also vote for a major bump especially regarding the (coming) design changes in nc-vue v9.

I'll talk about it in our next team call.