Update to vue 3 (#3857)

* update packages

* auto fix

* update root navigation

* remove vuex-router-sync mapped fields

* update dashboards

* set default icon button variant to text

* replace vee-validate with v-form

* auto fix

* manual fix

* replace vue filters with function calls

* remove deprecated grid components

* remove deprecated slot syntax

* disable explicit emits

* update event hyphenation

* move v-for key to template node

* remove deprecated $listeners

* remove badge overlap prop

* remove deprecated app prop

* remove deprecated clipped prop

* clean up

* update search results summary tables

* update chip size prop

* update activator slots

* fix menu positioning

* swap field append-inner/outer

* update combobox selection slots

* remove .native modifier

* show active indicator on all list items

* update table headers and slots

* update drawer action buttons

* remove deprecated list sub-components

* replace material icons with mdi

* replace value/input with modelValue

* replace v-app-bar in drawers with v-toolbar

* fix breadcrumbs

* add default color to selection controls

* update vuetify

* update steppers

* replace fixed-width subtitles with title attribute

* update select item slots

* set custom link color

* update help icon

* update InfoWidget

* set default itemTitle to "text"

* add missing sortyBy array

* update tabs

* update monaco

* fix non-existent property access error

* replace VueClipboard with navigator.clipboard

* replace vue-markdown with vue3-markdown-it

* update incident report form

* misc fixes

* replace vuedraggable with vueuse sortable

* replace date-picker and time-picker with native inputs

* remove unused file

* fix BaseCombobox usage

* Adding FormKit dependency and fixing incident drawer

* fix chart card props

* update vuetify

* $vuetify.breakpoint -> $vuetify.display

* v-data-table -> v-data-table-server

* fix timeline layout

* Minor ui fixes

* Migrating btn

* More UI fixes

---------

Co-authored-by: David Whittaker <[email protected]>
Co-authored-by: kevgliss <[email protected]>
Co-authored-by: Marc Vilanova <[email protected]>

src/dispatch/static/dispatch/.eslintrc.js

@@ -1,6 +1,12 @@
 module.exports = {
   root: true,
-  extends: ["eslint:recommended", "plugin:prettier/recommended", "plugin:vue/strongly-recommended"],
+  plugins: ["eslint-plugin-local-rules"],
+  extends: [
+    "eslint:recommended",
+    "plugin:prettier/recommended",
+    "plugin:vue/vue3-strongly-recommended",
+    "plugin:vuetify/base",
+  ],
   parserOptions: {
     ecmaVersion: 2020,
   },
@@ -17,6 +23,10 @@ module.exports = {
     },
   ],
   rules: {
+    "local-rules/icon-button-variant": "error",
+    // "local-rules/list-item-children": "error",
+    // "local-rules/vee-validate": "error",
+
     // Conflicts with prettier
     "vue/max-attributes-per-line": "off",
     "vue/singleline-html-element-content-newline": "off",
@@ -42,5 +52,6 @@ module.exports = {
     "vue/multi-word-component-names": "off",
     "vue/attribute-hyphenation": "off",
     "vue/require-default-prop": "off",
+    "vue/require-explicit-emits": "off",
   },
 }

src/dispatch/static/dispatch/components.d.ts

@@ -1,9 +1,11 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
 // Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
 export {}
 
-declare module 'vue' {
+declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     AdminLayout: typeof import('./src/components/layouts/AdminLayout.vue')['default']
     AnimatedNumber: typeof import('./src/components/AnimatedNumber.vue')['default']
@@ -20,6 +22,7 @@ declare module 'vue' {
     DefaultLayout: typeof import('./src/components/layouts/DefaultLayout.vue')['default']
     InfoWidget: typeof import('./src/components/InfoWidget.vue')['default']
     Loading: typeof import('./src/components/Loading.vue')['default']
+    MonacoEditor: typeof import('./src/components/MonacoEditor.vue')['default']
     NotificationSnackbarsWrapper: typeof import('./src/components/NotificationSnackbarsWrapper.vue')['default']
     PageHeader: typeof import('./src/components/PageHeader.vue')['default']
     Refresh: typeof import('./src/components/Refresh.vue')['default']