[Refactor]: Migrate to Vue/Nuxt/Vuetify v3

[mtdvlpr]

Migration to Vue/Nuxt/Vuetify v3

Missing Vuetify components

• [Task] v-treeview vuetifyjs/vuetify#13518
• [Task] v-date-picker vuetifyjs/vuetify#13480
• [Task] v-skeleton-loader vuetifyjs/vuetify#13504
• [Task] v-otp-input vuetifyjs/vuetify#16458
• [Task] v-timepicker vuetifyjs/vuetify#13516

Temporary workarounds

• v-otp-input is a text field
• v-date-picker and v-time-picker use different package
• v-tree-view uses a different package
• v-skeleton-loader is a circular loading indicator

Progress

• Home page
• Manage page
• Settings page
• Media page
• Browser page
• Presentation page
• Plugins
• Stores
• Utility functions
• General components
• Page specific components
• Successfully run app on Windows
• Successfully build for production
• Display download progress of single file (missing in fetch, replacement of axios)
• Custom start/stop time feature
• Zoom integration (weird bug)
• Make tests succeed consistently on all platforms
• Lazy-loading doesn't allow translating in different locale nuxt-modules/i18n#2044
• Roadmap / Feature development status sircharlo/meeting-media-manager#315 (comment)

[mtdvlpr]

Hi @sircharlo, how have you been? I'm happy to say that I have some time again to continue working on the migration. Since the EOL of Vue/Nuxt 2 is nearing, I think it might be better to hold off on the big changes (homescreen, settings, cloud sync) and just focus on migrating the existing application with its UI and functionality. After the migration is done and potential issues with it are resolved, we can start refactoring the UI, piece by piece and introduce the cloud sync. What do you think?

[sircharlo]

Hi @sircharlo, how have you been? I'm happy to say that I have some time again to continue working on the migration. Since the EOL of Vue/Nuxt 2 is nearing, I think it might be better to hold off on the big changes (homescreen, settings, cloud sync) and just focus on migrating the existing application with its UI and functionality. After the migration is done and potential issues with it are resolved, we can start refactoring the UI, piece by piece and introduce the cloud sync. What do you think?

That sounds like a great plan! Maintaining two versions at once is no fun lol.
Unfortunately, on my side I won't have much time at all until at least January, as we're currently in the process of preparing for a new assignment. Meaning, I don't think I'll be much use for the foreseeable future ☹️

[mtdvlpr]

No worries! I will copy the existing code to another branch and then revert the "new" stuff on the refactor/next branch.

[baciucristian]

Hello. Any updates?

[mtdvlpr]

Hi @baciucristian, I'm still working on it, albeit slowly. I hope to have a stable beta release by the end of next week.

[ux-git]

Hey @mtdvlpr! Is the newest beta release Windows-only?

[sircharlo]

Hi @sircharlo, how have you been? I'm happy to say that I have some time again to continue working on the migration. Since the EOL of Vue/Nuxt 2 is nearing, I think it might be better to hold off on the big changes (homescreen, settings, cloud sync) and just focus on migrating the existing application with its UI and functionality. After the migration is done and potential issues with it are resolved, we can start refactoring the UI, piece by piece and introduce the cloud sync. What do you think?

Hi @mtdvlpr ! I hope you're doing alright 😄
Do you think the beta version of the app (stripped of new stuff) is stable enough for a release soon? I think the refreshed UI could really be helpful for new users of the app. I also think the new stuff isn't terribly unstable, so I don't see there being too much delay in being able to release it. I'm mostly excited for the new calendar view, which would really simplify using the app for users. Click and play, really. The current mechanism (sync, then go to media presentation mode) is clunky according to most users of the app.

[mtdvlpr]

Hey @sircharlo, sorry for the late response! I've been really busy as of late. I'm ready to breath some new life into the refactor again :)

[sircharlo]

Hey @sircharlo, sorry for the late response! I've been really busy as of late. I'm ready to breath some new life into the refactor again :)

No worries, I get it haha.
On my side, I've actually been toying with Quasar in my spare time; I quite like it as a whole. As a learning project, I've decided to try to rebuild M³ from scratch with Quasar, Vue 3, Pinia, and Electron. Maybe I'll show you what I have someday. 😄

Edit: Some reading I found informative.

[mtdvlpr]

@sircharlo, nice! I actually experimented with making a mobile m3 using Quasar, so you can manage the congregation sync server from mobile devices.