Vue 3

[mzur]

Tasks:

• Install Vue 3 compat
• Set up Vite build
• Update uiv
• Test Vite hot reload
• Fix navbar dropdowns
• Find Vue Compat warnings and fix them
  • Use fake privacy page for default layout/code
  • Disable compat features to find source of warnings
  • Walk through all views and look for warnings
• Update slots to <template #slot> syntax
• Update use of v-model to new default modelValue variable name
• Define component events with emits: ['evt', ...]
• Replace use of $on, $once and $off.
• Replace use of inline-template.
• Update :disabled and v-bind:disabled attributes that expect the attribute to be removed if false. Use null instead.
• Rename beforeDestroy to beforeUnmount.
• Fix these locations:
  • Error Property "scollable" was accessed during render but is not defined on instance. on project overview.
  • The image/video annotation tab filter system. It uses Vue.extend, $mount(), $on() and $off(). Fix this once the image/video annotation tools are functional again with the compatibility build. Finally disable GLOBAL_EXTEND.
• Remove/replace Vue Resource. Afterwards, disable GLOBAL_PROTOTYPE. Maybe use a fetch wrapper.
• Replace Vue.Promise with native Promise
• Update Docker build process (if necessary)
• Maybe remove cachebust_asset()
• Update modules:
  • Migrate from Mix to Vite
  • Change <script type="text/javascript"> to <script type="module"> for inline scripts
  • Remove Vue Resource
  • Update <control-button> component to use scoped slot event instead of $on listener (689106d).
• TEST EVERYTHING with compat MODE: 3
  • Change <script type="text/javascript"> to <script type="module"> for inline scripts that were added in the meantime
  • Walk through all JS files and test their features in the UI
  • Check if date picker components behave correctly
  • Check if echarts charts work correctly
• Remove Vue Compat, including all uses of compatConfig
• Check if NPM run prod silently fails when using Node 23 #984 is resolved
• Follow up with Improve annotation performance #249 (unify image and video annotation tools with composition API)

Resolves #455
Resolves #515