From 1d2aa3387d6a9762817060109ceb30d7d038b60b Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Tue, 12 Mar 2024 04:32:20 +0100
Subject: [PATCH] migration: remove @vue/compat + update to vue 3.4.21

---
 app/package.json                              |  3 +--
 app/src/App.vue                               |  1 -
 app/src/components/AdressInputSelect.vue      |  1 -
 app/src/components/CardCollapse.vue           |  1 -
 app/src/components/CardDeckFeed.vue           |  1 -
 app/src/components/ConfigPanel.vue            |  1 -
 app/src/components/ConfigPanels.vue           |  1 -
 app/src/components/LazyRenderer.vue           |  1 -
 app/src/components/MessageListGroup.vue       |  1 -
 app/src/components/QueryHeader.vue            |  1 -
 app/src/components/RecursiveListGroup.vue     |  1 -
 app/src/components/RoutableTabs.vue           |  1 -
 app/src/components/globals/AbstractForm.vue   |  1 -
 app/src/components/globals/CardForm.vue       |  1 -
 app/src/components/globals/DescriptionRow.vue |  1 -
 app/src/components/globals/ExplainWhat.vue    |  1 -
 app/src/components/globals/FormField.vue      |  1 -
 app/src/components/globals/ReadOnlyField.vue  |  1 -
 app/src/components/globals/TopBar.vue         |  1 -
 app/src/components/globals/ViewBase.vue       |  1 -
 app/src/components/globals/ViewSearch.vue     |  1 -
 app/src/components/globals/YAlert.vue         |  1 -
 app/src/components/globals/YBreadcrumb.vue    |  1 -
 app/src/components/globals/YCard.vue          |  1 -
 app/src/components/globals/YIcon.vue          |  1 -
 app/src/components/globals/YListGroupItem.vue |  1 -
 app/src/components/globals/YSpinner.vue       |  1 -
 .../globals/formItems/ButtonItem.vue          |  1 -
 .../globals/formItems/CheckboxItem.vue        |  1 -
 .../globals/formItems/DisplayTextItem.vue     |  1 -
 .../components/globals/formItems/FileItem.vue |  1 -
 .../globals/formItems/InputItem.vue           |  1 -
 .../globals/formItems/MarkdownItem.vue        |  1 -
 .../globals/formItems/ReadOnlyAlertItem.vue   |  1 -
 .../globals/formItems/SelectItem.vue          |  1 -
 .../components/globals/formItems/TagsItem.vue |  1 -
 .../globals/formItems/TagsSelectizeItem.vue   |  1 -
 .../globals/formItems/TextAreaItem.vue        |  1 -
 .../globals/skeletons/CardButtonsSkeleton.vue |  1 -
 .../globals/skeletons/CardFormSkeleton.vue    |  1 -
 .../globals/skeletons/CardInfoSkeleton.vue    |  1 -
 .../globals/skeletons/CardListSkeleton.vue    |  1 -
 .../globals/skeletons/ListGroupSkeleton.vue   |  1 -
 app/src/main.js                               | 27 +------------------
 app/src/views/HomeView.vue                    |  1 -
 app/src/views/LoginView.vue                   |  1 -
 app/src/views/PostInstall.vue                 |  1 -
 app/src/views/_partials/DomainForm.vue        |  1 -
 app/src/views/_partials/ErrorDisplay.vue      |  1 -
 app/src/views/_partials/HistoryConsole.vue    |  1 -
 .../views/_partials/ReconnectingDisplay.vue   |  1 -
 app/src/views/_partials/ViewLockOverlay.vue   |  1 -
 app/src/views/_partials/WaitingDisplay.vue    |  1 -
 app/src/views/_partials/WarningDisplay.vue    |  1 -
 app/src/views/app/AppCatalog.vue              |  1 -
 app/src/views/app/AppInfo.vue                 |  1 -
 app/src/views/app/AppInstall.vue              |  1 -
 app/src/views/app/AppList.vue                 |  1 -
 app/src/views/backup/BackupCreate.vue         |  1 -
 app/src/views/backup/BackupInfo.vue           |  1 -
 app/src/views/backup/BackupList.vue           |  1 -
 app/src/views/backup/BackupView.vue           |  1 -
 app/src/views/diagnosis/DiagnosisView.vue     |  1 -
 app/src/views/domain/DomainAdd.vue            |  1 -
 app/src/views/domain/DomainDns.vue            |  1 -
 app/src/views/domain/DomainInfo.vue           |  1 -
 app/src/views/domain/DomainList.vue           |  1 -
 app/src/views/group/GroupCreate.vue           |  1 -
 app/src/views/group/GroupList.vue             |  1 -
 app/src/views/service/ServiceInfo.vue         |  1 -
 app/src/views/service/ServiceList.vue         |  1 -
 app/src/views/tool/ToolFirewall.vue           |  1 -
 app/src/views/tool/ToolList.vue               |  1 -
 app/src/views/tool/ToolLog.vue                |  1 -
 app/src/views/tool/ToolLogs.vue               |  1 -
 app/src/views/tool/ToolMigrations.vue         |  1 -
 app/src/views/tool/ToolPower.vue              |  1 -
 app/src/views/tool/ToolSettings.vue           |  1 -
 app/src/views/tool/ToolWebadmin.vue           |  1 -
 app/src/views/update/SystemUpdate.vue         |  1 -
 app/src/views/user/UserCreate.vue             |  1 -
 app/src/views/user/UserEdit.vue               |  1 -
 app/src/views/user/UserImport.vue             |  1 -
 app/src/views/user/UserInfo.vue               |  1 -
 app/src/views/user/UserList.vue               |  1 -
 app/vite.config.js                            | 13 +--------
 86 files changed, 3 insertions(+), 123 deletions(-)

diff --git a/app/package.json b/app/package.json
index 49b3242f..b61fa4b7 100644
--- a/app/package.json
+++ b/app/package.json
@@ -15,14 +15,13 @@
   "dependencies": {
     "@fontsource/fira-code": "^5.0.17",
     "@fontsource/firago": "^5.0.7",
-    "@vue/compat": "3.3.4",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "bootstrap-vue": "^2.23.1",
     "date-fns": "^3.3.1",
     "fork-awesome": "^1.2.0",
     "simple-evaluate": "^1.4.6",
-    "vue": "3.3.4",
+    "vue": "^3.4.21",
     "vue-i18n": "^9.10.1",
     "vue-router": "^4.3.0",
     "vue-showdown": "^4.2.0",
diff --git a/app/src/App.vue b/app/src/App.vue
index 85985bec..42c5c8c2 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -101,7 +101,6 @@ import { mapGetters } from 'vuex'
 import { HistoryConsole, ViewLockOverlay } from '@/views/_partials'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'App',
 
   components: {
diff --git a/app/src/components/AdressInputSelect.vue b/app/src/components/AdressInputSelect.vue
index be5abd24..0a23f78c 100644
--- a/app/src/components/AdressInputSelect.vue
+++ b/app/src/components/AdressInputSelect.vue
@@ -39,7 +39,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'AdressInputSelect',
 
   inheritAttrs: false,
diff --git a/app/src/components/CardCollapse.vue b/app/src/components/CardCollapse.vue
index ed70a418..ef647168 100644
--- a/app/src/components/CardCollapse.vue
+++ b/app/src/components/CardCollapse.vue
@@ -23,7 +23,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'CardCollapse',
 
   props: {
diff --git a/app/src/components/CardDeckFeed.vue b/app/src/components/CardDeckFeed.vue
index 752e139c..e6bd4166 100644
--- a/app/src/components/CardDeckFeed.vue
+++ b/app/src/components/CardDeckFeed.vue
@@ -5,7 +5,6 @@ import { h } from 'vue'
 import { BCardGroup } from 'bootstrap-vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'CardDeckFeed',
 
   props: {
diff --git a/app/src/components/ConfigPanel.vue b/app/src/components/ConfigPanel.vue
index 52a191af..6220a608 100644
--- a/app/src/components/ConfigPanel.vue
+++ b/app/src/components/ConfigPanel.vue
@@ -54,7 +54,6 @@
 import { filterObject } from '@/helpers/commons'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ConfigPanel',
 
   props: {
diff --git a/app/src/components/ConfigPanels.vue b/app/src/components/ConfigPanels.vue
index 4d531b2a..e1ab25f2 100644
--- a/app/src/components/ConfigPanels.vue
+++ b/app/src/components/ConfigPanels.vue
@@ -32,7 +32,6 @@ import { defineAsyncComponent } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ConfigPanels',
 
   inheritAttrs: false,
diff --git a/app/src/components/LazyRenderer.vue b/app/src/components/LazyRenderer.vue
index b1b360af..26b7b209 100644
--- a/app/src/components/LazyRenderer.vue
+++ b/app/src/components/LazyRenderer.vue
@@ -6,7 +6,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'LazyRenderer',
 
   props: {
diff --git a/app/src/components/MessageListGroup.vue b/app/src/components/MessageListGroup.vue
index dd62d721..5b32d212 100644
--- a/app/src/components/MessageListGroup.vue
+++ b/app/src/components/MessageListGroup.vue
@@ -24,7 +24,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'MessageListGroup',
 
   props: {
diff --git a/app/src/components/QueryHeader.vue b/app/src/components/QueryHeader.vue
index 38723aa5..321288bb 100644
--- a/app/src/components/QueryHeader.vue
+++ b/app/src/components/QueryHeader.vue
@@ -49,7 +49,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'QueryHeader',
 
   props: {
diff --git a/app/src/components/RecursiveListGroup.vue b/app/src/components/RecursiveListGroup.vue
index 415cdd30..2e30a3dc 100644
--- a/app/src/components/RecursiveListGroup.vue
+++ b/app/src/components/RecursiveListGroup.vue
@@ -45,7 +45,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'RecursiveListGroup',
 
   props: {
diff --git a/app/src/components/RoutableTabs.vue b/app/src/components/RoutableTabs.vue
index 707c3cbf..1fa13bbe 100644
--- a/app/src/components/RoutableTabs.vue
+++ b/app/src/components/RoutableTabs.vue
@@ -37,7 +37,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'RoutableTabs',
 
   // Thanks to `v-bind="$attrs"` and `inheritAttrs: false`, this component can forward
diff --git a/app/src/components/globals/AbstractForm.vue b/app/src/components/globals/AbstractForm.vue
index e117c54a..767fc9f2 100644
--- a/app/src/components/globals/AbstractForm.vue
+++ b/app/src/components/globals/AbstractForm.vue
@@ -32,7 +32,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'AbstractForm',
 
   props: {
diff --git a/app/src/components/globals/CardForm.vue b/app/src/components/globals/CardForm.vue
index b28d60f6..16e8d0ad 100644
--- a/app/src/components/globals/CardForm.vue
+++ b/app/src/components/globals/CardForm.vue
@@ -37,7 +37,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'CardForm',
 
   props: {
diff --git a/app/src/components/globals/DescriptionRow.vue b/app/src/components/globals/DescriptionRow.vue
index ec986a2f..e7265c3d 100644
--- a/app/src/components/globals/DescriptionRow.vue
+++ b/app/src/components/globals/DescriptionRow.vue
@@ -16,7 +16,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'DescriptionRow',
 
   props: {
diff --git a/app/src/components/globals/ExplainWhat.vue b/app/src/components/globals/ExplainWhat.vue
index 37c114d0..411bcdd7 100644
--- a/app/src/components/globals/ExplainWhat.vue
+++ b/app/src/components/globals/ExplainWhat.vue
@@ -24,7 +24,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ExplainWhat',
 
   props: {
diff --git a/app/src/components/globals/FormField.vue b/app/src/components/globals/FormField.vue
index 724e34dd..bba49ece 100644
--- a/app/src/components/globals/FormField.vue
+++ b/app/src/components/globals/FormField.vue
@@ -49,7 +49,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'FormField',
 
   inheritAttrs: false,
diff --git a/app/src/components/globals/ReadOnlyField.vue b/app/src/components/globals/ReadOnlyField.vue
index f22d08ac..39949a72 100644
--- a/app/src/components/globals/ReadOnlyField.vue
+++ b/app/src/components/globals/ReadOnlyField.vue
@@ -13,7 +13,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ReadOnlyField',
 
   inheritAttrs: false,
diff --git a/app/src/components/globals/TopBar.vue b/app/src/components/globals/TopBar.vue
index 7f0379c3..171eaed2 100644
--- a/app/src/components/globals/TopBar.vue
+++ b/app/src/components/globals/TopBar.vue
@@ -16,7 +16,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'TopBar',
 
   props: {
diff --git a/app/src/components/globals/ViewBase.vue b/app/src/components/globals/ViewBase.vue
index dbc79d42..f1c69684 100644
--- a/app/src/components/globals/ViewBase.vue
+++ b/app/src/components/globals/ViewBase.vue
@@ -33,7 +33,6 @@
 import api from '@/api'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ViewBase',
 
   props: {
diff --git a/app/src/components/globals/ViewSearch.vue b/app/src/components/globals/ViewSearch.vue
index 0fa71d2f..cd2d7f06 100644
--- a/app/src/components/globals/ViewSearch.vue
+++ b/app/src/components/globals/ViewSearch.vue
@@ -57,7 +57,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3, INSTANCE_LISTENERS: false },
   name: 'ViewSearch',
 
   props: {
diff --git a/app/src/components/globals/YAlert.vue b/app/src/components/globals/YAlert.vue
index 8d69995b..5cc9a853 100644
--- a/app/src/components/globals/YAlert.vue
+++ b/app/src/components/globals/YAlert.vue
@@ -18,7 +18,6 @@
 import { DEFAULT_STATUS_ICON } from '@/helpers/yunohostArguments'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'YAlert',
 
   props: {
diff --git a/app/src/components/globals/YBreadcrumb.vue b/app/src/components/globals/YBreadcrumb.vue
index 2a74e683..858708a8 100644
--- a/app/src/components/globals/YBreadcrumb.vue
+++ b/app/src/components/globals/YBreadcrumb.vue
@@ -20,7 +20,6 @@
 import { mapGetters } from 'vuex'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'YBreadcrumb',
 
   computed: {
diff --git a/app/src/components/globals/YCard.vue b/app/src/components/globals/YCard.vue
index 1f730810..edf6c5b5 100644
--- a/app/src/components/globals/YCard.vue
+++ b/app/src/components/globals/YCard.vue
@@ -56,7 +56,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'YCard',
 
   props: {
diff --git a/app/src/components/globals/YIcon.vue b/app/src/components/globals/YIcon.vue
index 447f7ccf..15fbcc8c 100644
--- a/app/src/components/globals/YIcon.vue
+++ b/app/src/components/globals/YIcon.vue
@@ -7,7 +7,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'YIcon',
   props: {
     iname: { type: String, required: true },
diff --git a/app/src/components/globals/YListGroupItem.vue b/app/src/components/globals/YListGroupItem.vue
index 2d602ae5..cf2cc82a 100644
--- a/app/src/components/globals/YListGroupItem.vue
+++ b/app/src/components/globals/YListGroupItem.vue
@@ -14,7 +14,6 @@
 import { DEFAULT_STATUS_ICON } from '@/helpers/yunohostArguments'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'YListGroupItem',
 
   props: {
diff --git a/app/src/components/globals/YSpinner.vue b/app/src/components/globals/YSpinner.vue
index 16ea4019..388e80d5 100644
--- a/app/src/components/globals/YSpinner.vue
+++ b/app/src/components/globals/YSpinner.vue
@@ -6,7 +6,6 @@
 import { mapGetters } from 'vuex'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'YSpinner',
 
   computed: {
diff --git a/app/src/components/globals/formItems/ButtonItem.vue b/app/src/components/globals/formItems/ButtonItem.vue
index 42541441..5bd09ad9 100644
--- a/app/src/components/globals/formItems/ButtonItem.vue
+++ b/app/src/components/globals/formItems/ButtonItem.vue
@@ -13,7 +13,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ButtonItem',
 
   props: {
diff --git a/app/src/components/globals/formItems/CheckboxItem.vue b/app/src/components/globals/formItems/CheckboxItem.vue
index 4753ab0d..8eb1b031 100644
--- a/app/src/components/globals/formItems/CheckboxItem.vue
+++ b/app/src/components/globals/formItems/CheckboxItem.vue
@@ -13,7 +13,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'CheckboxItem',
 
   props: {
diff --git a/app/src/components/globals/formItems/DisplayTextItem.vue b/app/src/components/globals/formItems/DisplayTextItem.vue
index e83740c2..3b85983c 100644
--- a/app/src/components/globals/formItems/DisplayTextItem.vue
+++ b/app/src/components/globals/formItems/DisplayTextItem.vue
@@ -6,7 +6,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'DisplayTextItem',
 
   props: {
diff --git a/app/src/components/globals/formItems/FileItem.vue b/app/src/components/globals/formItems/FileItem.vue
index 4a4a4fa9..18a4ea53 100644
--- a/app/src/components/globals/formItems/FileItem.vue
+++ b/app/src/components/globals/formItems/FileItem.vue
@@ -30,7 +30,6 @@
 import { getFileContent } from '@/helpers/commons'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'FileItem',
 
   props: {
diff --git a/app/src/components/globals/formItems/InputItem.vue b/app/src/components/globals/formItems/InputItem.vue
index de6d13db..75238124 100644
--- a/app/src/components/globals/formItems/InputItem.vue
+++ b/app/src/components/globals/formItems/InputItem.vue
@@ -18,7 +18,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'InputItem',
 
   props: {
diff --git a/app/src/components/globals/formItems/MarkdownItem.vue b/app/src/components/globals/formItems/MarkdownItem.vue
index 9347c78e..8f950168 100644
--- a/app/src/components/globals/formItems/MarkdownItem.vue
+++ b/app/src/components/globals/formItems/MarkdownItem.vue
@@ -4,7 +4,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'MarkdownItem',
 
   props: {
diff --git a/app/src/components/globals/formItems/ReadOnlyAlertItem.vue b/app/src/components/globals/formItems/ReadOnlyAlertItem.vue
index c825da6f..aa70ea26 100644
--- a/app/src/components/globals/formItems/ReadOnlyAlertItem.vue
+++ b/app/src/components/globals/formItems/ReadOnlyAlertItem.vue
@@ -12,7 +12,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ReadOnlyAlertItem',
 
   props: {
diff --git a/app/src/components/globals/formItems/SelectItem.vue b/app/src/components/globals/formItems/SelectItem.vue
index 581c40db..f47a76f9 100644
--- a/app/src/components/globals/formItems/SelectItem.vue
+++ b/app/src/components/globals/formItems/SelectItem.vue
@@ -11,7 +11,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'SelectItem',
 
   props: {
diff --git a/app/src/components/globals/formItems/TagsItem.vue b/app/src/components/globals/formItems/TagsItem.vue
index abccf055..55dbdf29 100644
--- a/app/src/components/globals/formItems/TagsItem.vue
+++ b/app/src/components/globals/formItems/TagsItem.vue
@@ -16,7 +16,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'TagsItem',
 
   props: {
diff --git a/app/src/components/globals/formItems/TagsSelectizeItem.vue b/app/src/components/globals/formItems/TagsSelectizeItem.vue
index ef23f8bd..b809c660 100644
--- a/app/src/components/globals/formItems/TagsSelectizeItem.vue
+++ b/app/src/components/globals/formItems/TagsSelectizeItem.vue
@@ -93,7 +93,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'TagsSelectizeItem',
 
   inheritAttrs: false,
diff --git a/app/src/components/globals/formItems/TextAreaItem.vue b/app/src/components/globals/formItems/TextAreaItem.vue
index f20c9ac2..7659026f 100644
--- a/app/src/components/globals/formItems/TextAreaItem.vue
+++ b/app/src/components/globals/formItems/TextAreaItem.vue
@@ -13,7 +13,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'TextAreaItem',
 
   props: {
diff --git a/app/src/components/globals/skeletons/CardButtonsSkeleton.vue b/app/src/components/globals/skeletons/CardButtonsSkeleton.vue
index 0e64374b..cd05d93b 100644
--- a/app/src/components/globals/skeletons/CardButtonsSkeleton.vue
+++ b/app/src/components/globals/skeletons/CardButtonsSkeleton.vue
@@ -21,7 +21,6 @@
 import { randint } from '@/helpers/commons'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'CardButtonsSkeleton',
 
   props: {
diff --git a/app/src/components/globals/skeletons/CardFormSkeleton.vue b/app/src/components/globals/skeletons/CardFormSkeleton.vue
index 5ea6c9f9..4cf810cf 100644
--- a/app/src/components/globals/skeletons/CardFormSkeleton.vue
+++ b/app/src/components/globals/skeletons/CardFormSkeleton.vue
@@ -47,7 +47,6 @@
 import { randint } from '@/helpers/commons'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'CardFormSkeleton',
 
   props: {
diff --git a/app/src/components/globals/skeletons/CardInfoSkeleton.vue b/app/src/components/globals/skeletons/CardInfoSkeleton.vue
index 59cf82c3..7a5435ae 100644
--- a/app/src/components/globals/skeletons/CardInfoSkeleton.vue
+++ b/app/src/components/globals/skeletons/CardInfoSkeleton.vue
@@ -19,7 +19,6 @@
 import { randint } from '@/helpers/commons'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'CardInfoSkeleton',
 
   props: {
diff --git a/app/src/components/globals/skeletons/CardListSkeleton.vue b/app/src/components/globals/skeletons/CardListSkeleton.vue
index bf1ed6e5..0726603b 100644
--- a/app/src/components/globals/skeletons/CardListSkeleton.vue
+++ b/app/src/components/globals/skeletons/CardListSkeleton.vue
@@ -23,7 +23,6 @@
 import { randint } from '@/helpers/commons'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'CardListSkeleton',
 
   props: {
diff --git a/app/src/components/globals/skeletons/ListGroupSkeleton.vue b/app/src/components/globals/skeletons/ListGroupSkeleton.vue
index 41a381ad..0f638d3e 100644
--- a/app/src/components/globals/skeletons/ListGroupSkeleton.vue
+++ b/app/src/components/globals/skeletons/ListGroupSkeleton.vue
@@ -11,7 +11,6 @@
 import { randint } from '@/helpers/commons'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ListGroupSkeleton',
 
   props: {
diff --git a/app/src/main.js b/app/src/main.js
index e99b41dd..c6bd4686 100644
--- a/app/src/main.js
+++ b/app/src/main.js
@@ -1,4 +1,4 @@
-import { createApp, configureCompat } from 'vue'
+import { createApp } from 'vue'
 import App from './App.vue'
 import BootstrapVue from 'bootstrap-vue'
 import { VueShowdownPlugin } from 'vue-showdown'
@@ -18,31 +18,6 @@ app.use(store)
 app.use(router)
 app.use(i18n)
 
-configureCompat({
-  MODE: 2,
-  // warnings we can do something about should be fixed
-  // next warnings are suppressed because those come from bootstrap-vue (vue2)
-  INSTANCE_EVENT_EMITTER: 'suppress-warning',
-  COMPONENT_FUNCTIONAL: 'suppress-warning',
-  RENDER_FUNCTION: 'suppress-warning',
-  GLOBAL_EXTEND: 'suppress-warning',
-  GLOBAL_MOUNT: 'suppress-warning',
-  WATCH_ARRAY: 'suppress-warning',
-  GLOBAL_PROTOTYPE: 'suppress-warning',
-  INSTANCE_SCOPED_SLOTS: 'suppress-warning',
-  INSTANCE_LISTENERS: 'suppress-warning',
-  OPTIONS_DATA_MERGE: 'suppress-warning',
-  OPTIONS_BEFORE_DESTROY: 'suppress-warning',
-  INSTANCE_ATTRS_CLASS_STYLE: 'suppress-warning',
-  CUSTOM_DIR: 'suppress-warning',
-  // TODO
-  // ATTR_FALSE_VALUE: 'suppress-warning',
-  // ATTR_ENUMERATED_COERCION
-  // ATTR_FALSE_VALUE
-  // COMPONENT_V_MODEL: 'suppress-warning',
-  // COMPILER_V_BIND_SYNC
-})
-
 // Styles are imported in `src/App.vue` <style>
 app.use(BootstrapVue, {
   BSkeleton: { animation: 'none' },
diff --git a/app/src/views/HomeView.vue b/app/src/views/HomeView.vue
index e9a4c460..ae303438 100644
--- a/app/src/views/HomeView.vue
+++ b/app/src/views/HomeView.vue
@@ -16,7 +16,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'HomeView',
 
   data() {
diff --git a/app/src/views/LoginView.vue b/app/src/views/LoginView.vue
index 79a5095c..a05bb197 100644
--- a/app/src/views/LoginView.vue
+++ b/app/src/views/LoginView.vue
@@ -39,7 +39,6 @@ import { useVuelidate } from '@vuelidate/core'
 import { alphalownumdot_, required, minLength } from '@/helpers/validators'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'LoginView',
 
   props: {
diff --git a/app/src/views/PostInstall.vue b/app/src/views/PostInstall.vue
index 145ae58d..8b1e92e0 100644
--- a/app/src/views/PostInstall.vue
+++ b/app/src/views/PostInstall.vue
@@ -104,7 +104,6 @@ import {
 } from '@/helpers/validators'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'PostInstall',
 
   components: {
diff --git a/app/src/views/_partials/DomainForm.vue b/app/src/views/_partials/DomainForm.vue
index 20f245f2..3ede67f6 100644
--- a/app/src/views/_partials/DomainForm.vue
+++ b/app/src/views/_partials/DomainForm.vue
@@ -129,7 +129,6 @@ import {
 } from '@/helpers/validators'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'DomainForm',
 
   props: {
diff --git a/app/src/views/_partials/ErrorDisplay.vue b/app/src/views/_partials/ErrorDisplay.vue
index 1bfa0c51..fd11eea0 100644
--- a/app/src/views/_partials/ErrorDisplay.vue
+++ b/app/src/views/_partials/ErrorDisplay.vue
@@ -54,7 +54,6 @@
 import MessageListGroup from '@/components/MessageListGroup.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ErrorDisplay',
 
   components: {
diff --git a/app/src/views/_partials/HistoryConsole.vue b/app/src/views/_partials/HistoryConsole.vue
index 725797c8..022fc0d0 100644
--- a/app/src/views/_partials/HistoryConsole.vue
+++ b/app/src/views/_partials/HistoryConsole.vue
@@ -94,7 +94,6 @@ import QueryHeader from '@/components/QueryHeader.vue'
 import MessageListGroup from '@/components/MessageListGroup.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'HistoryConsole',
 
   components: {
diff --git a/app/src/views/_partials/ReconnectingDisplay.vue b/app/src/views/_partials/ReconnectingDisplay.vue
index acbf7dee..65e94c4a 100644
--- a/app/src/views/_partials/ReconnectingDisplay.vue
+++ b/app/src/views/_partials/ReconnectingDisplay.vue
@@ -43,7 +43,6 @@ import api from '@/api'
 import LoginView from '@/views/LoginView.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ReconnectingDisplay',
 
   components: {
diff --git a/app/src/views/_partials/ViewLockOverlay.vue b/app/src/views/_partials/ViewLockOverlay.vue
index f1b3dc46..8450b12f 100644
--- a/app/src/views/_partials/ViewLockOverlay.vue
+++ b/app/src/views/_partials/ViewLockOverlay.vue
@@ -30,7 +30,6 @@ import {
 import QueryHeader from '@/components/QueryHeader.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ViewLockOverlay',
 
   components: {
diff --git a/app/src/views/_partials/WaitingDisplay.vue b/app/src/views/_partials/WaitingDisplay.vue
index 89d9d821..baee407d 100644
--- a/app/src/views/_partials/WaitingDisplay.vue
+++ b/app/src/views/_partials/WaitingDisplay.vue
@@ -30,7 +30,6 @@
 import MessageListGroup from '@/components/MessageListGroup.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'WaitingDisplay',
 
   components: {
diff --git a/app/src/views/_partials/WarningDisplay.vue b/app/src/views/_partials/WarningDisplay.vue
index 000b9a96..62360d18 100644
--- a/app/src/views/_partials/WarningDisplay.vue
+++ b/app/src/views/_partials/WarningDisplay.vue
@@ -13,7 +13,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'WarningDisplay',
 
   props: {
diff --git a/app/src/views/app/AppCatalog.vue b/app/src/views/app/AppCatalog.vue
index e63ee418..edc67c49 100644
--- a/app/src/views/app/AppCatalog.vue
+++ b/app/src/views/app/AppCatalog.vue
@@ -227,7 +227,6 @@ import { required, appRepoUrl } from '@/helpers/validators'
 import { randint } from '@/helpers/commons'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'AppCatalog',
 
   components: {
diff --git a/app/src/views/app/AppInfo.vue b/app/src/views/app/AppInfo.vue
index a2facae3..860c2034 100644
--- a/app/src/views/app/AppInfo.vue
+++ b/app/src/views/app/AppInfo.vue
@@ -377,7 +377,6 @@ import {
 import ConfigPanels from '@/components/ConfigPanels.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'AppInfo',
 
   components: {
diff --git a/app/src/views/app/AppInstall.vue b/app/src/views/app/AppInstall.vue
index 345b7dac..1da7fb8f 100644
--- a/app/src/views/app/AppInstall.vue
+++ b/app/src/views/app/AppInstall.vue
@@ -217,7 +217,6 @@ import {
 import CardCollapse from '@/components/CardCollapse.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'AppInstall',
 
   components: {
diff --git a/app/src/views/app/AppList.vue b/app/src/views/app/AppList.vue
index 171cfc1c..20a2bbbf 100644
--- a/app/src/views/app/AppList.vue
+++ b/app/src/views/app/AppList.vue
@@ -39,7 +39,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'AppList',
 
   data() {
diff --git a/app/src/views/backup/BackupCreate.vue b/app/src/views/backup/BackupCreate.vue
index 3a5d1a7f..38c6cda8 100644
--- a/app/src/views/backup/BackupCreate.vue
+++ b/app/src/views/backup/BackupCreate.vue
@@ -127,7 +127,6 @@
 import api from '@/api'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'BackupCreate',
 
   props: {
diff --git a/app/src/views/backup/BackupInfo.vue b/app/src/views/backup/BackupInfo.vue
index dddf626c..891fec74 100644
--- a/app/src/views/backup/BackupInfo.vue
+++ b/app/src/views/backup/BackupInfo.vue
@@ -142,7 +142,6 @@ import { humanSize } from '@/helpers/filters/human'
 import { isEmptyValue } from '@/helpers/commons'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'BackupInfo',
 
   props: {
diff --git a/app/src/views/backup/BackupList.vue b/app/src/views/backup/BackupList.vue
index 16a0701b..5389b086 100644
--- a/app/src/views/backup/BackupList.vue
+++ b/app/src/views/backup/BackupList.vue
@@ -49,7 +49,6 @@ import { distanceToNow, readableDate } from '@/helpers/filters/date'
 import { humanSize } from '@/helpers/filters/human'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'BackupList',
 
   props: {
diff --git a/app/src/views/backup/BackupView.vue b/app/src/views/backup/BackupView.vue
index 8202b19b..f94a5f8b 100644
--- a/app/src/views/backup/BackupView.vue
+++ b/app/src/views/backup/BackupView.vue
@@ -24,7 +24,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'BackupView',
 
   data() {
diff --git a/app/src/views/diagnosis/DiagnosisView.vue b/app/src/views/diagnosis/DiagnosisView.vue
index aac15034..58549cee 100644
--- a/app/src/views/diagnosis/DiagnosisView.vue
+++ b/app/src/views/diagnosis/DiagnosisView.vue
@@ -153,7 +153,6 @@ import { distanceToNow } from '@/helpers/filters/date'
 import { DEFAULT_STATUS_ICON } from '@/helpers/yunohostArguments'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'DiagnosisView',
 
   data() {
diff --git a/app/src/views/domain/DomainAdd.vue b/app/src/views/domain/DomainAdd.vue
index 73b8d6ac..745a81ad 100644
--- a/app/src/views/domain/DomainAdd.vue
+++ b/app/src/views/domain/DomainAdd.vue
@@ -14,7 +14,6 @@ import api from '@/api'
 import { DomainForm } from '@/views/_partials'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'DomainAdd',
 
   data() {
diff --git a/app/src/views/domain/DomainDns.vue b/app/src/views/domain/DomainDns.vue
index c99145a3..4ac881aa 100644
--- a/app/src/views/domain/DomainDns.vue
+++ b/app/src/views/domain/DomainDns.vue
@@ -148,7 +148,6 @@ import api from '@/api'
 import { isEmptyValue } from '@/helpers/commons'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'DomainDns',
 
   props: {
diff --git a/app/src/views/domain/DomainInfo.vue b/app/src/views/domain/DomainInfo.vue
index 630f9279..b63c7578 100644
--- a/app/src/views/domain/DomainInfo.vue
+++ b/app/src/views/domain/DomainInfo.vue
@@ -149,7 +149,6 @@ import ConfigPanels from '@/components/ConfigPanels.vue'
 import DomainDns from './DomainDns.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'DomainInfo',
 
   components: {
diff --git a/app/src/views/domain/DomainList.vue b/app/src/views/domain/DomainList.vue
index 7f194ce3..c95a96bf 100644
--- a/app/src/views/domain/DomainList.vue
+++ b/app/src/views/domain/DomainList.vue
@@ -53,7 +53,6 @@ import { mapGetters } from 'vuex'
 import RecursiveListGroup from '@/components/RecursiveListGroup.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'DomainList',
 
   components: {
diff --git a/app/src/views/group/GroupCreate.vue b/app/src/views/group/GroupCreate.vue
index aad17ee7..fb571677 100644
--- a/app/src/views/group/GroupCreate.vue
+++ b/app/src/views/group/GroupCreate.vue
@@ -22,7 +22,6 @@ import api from '@/api'
 import { required, alphalownumdot_ } from '@/helpers/validators'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'GroupCreate',
 
   setup() {
diff --git a/app/src/views/group/GroupList.vue b/app/src/views/group/GroupList.vue
index 3b2d9afb..aa1f6ed2 100644
--- a/app/src/views/group/GroupList.vue
+++ b/app/src/views/group/GroupList.vue
@@ -140,7 +140,6 @@ import TagsSelectizeItem from '@/components/globals/formItems/TagsSelectizeItem.
 // TODO add global search with type (search by: group, user, permission)
 // TODO add vuex store update on inputs ?
 export default {
-  compatConfig: { MODE: 3 },
   name: 'GroupList',
 
   components: {
diff --git a/app/src/views/service/ServiceInfo.vue b/app/src/views/service/ServiceInfo.vue
index 6270b35b..fd9082e9 100644
--- a/app/src/views/service/ServiceInfo.vue
+++ b/app/src/views/service/ServiceInfo.vue
@@ -86,7 +86,6 @@ import api from '@/api'
 import { distanceToNow } from '@/helpers/filters/date'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ServiceInfo',
 
   props: {
diff --git a/app/src/views/service/ServiceList.vue b/app/src/views/service/ServiceList.vue
index 189621dd..789a3eed 100644
--- a/app/src/views/service/ServiceList.vue
+++ b/app/src/views/service/ServiceList.vue
@@ -46,7 +46,6 @@
 import { distanceToNow } from '@/helpers/filters/date'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ServiceList',
 
   data() {
diff --git a/app/src/views/tool/ToolFirewall.vue b/app/src/views/tool/ToolFirewall.vue
index 371da98b..2c722c2e 100644
--- a/app/src/views/tool/ToolFirewall.vue
+++ b/app/src/views/tool/ToolFirewall.vue
@@ -125,7 +125,6 @@ import api from '@/api'
 import { required, integer, between } from '@/helpers/validators'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ToolFirewall',
 
   setup() {
diff --git a/app/src/views/tool/ToolList.vue b/app/src/views/tool/ToolList.vue
index ec611ac5..8c4cead2 100644
--- a/app/src/views/tool/ToolList.vue
+++ b/app/src/views/tool/ToolList.vue
@@ -15,7 +15,6 @@
 
 <script>
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ToolList',
 
   data() {
diff --git a/app/src/views/tool/ToolLog.vue b/app/src/views/tool/ToolLog.vue
index 1c44d554..2a4e0fd6 100644
--- a/app/src/views/tool/ToolLog.vue
+++ b/app/src/views/tool/ToolLog.vue
@@ -78,7 +78,6 @@ import { escapeHtml } from '@/helpers/commons'
 import { readableDate } from '@/helpers/filters/date'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ToolLog',
 
   props: {
diff --git a/app/src/views/tool/ToolLogs.vue b/app/src/views/tool/ToolLogs.vue
index 72161903..62724a6b 100644
--- a/app/src/views/tool/ToolLogs.vue
+++ b/app/src/views/tool/ToolLogs.vue
@@ -29,7 +29,6 @@
 import { distanceToNow, readableDate } from '@/helpers/filters/date'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ToolLogs',
 
   data() {
diff --git a/app/src/views/tool/ToolMigrations.vue b/app/src/views/tool/ToolMigrations.vue
index 5210855a..55e749ba 100644
--- a/app/src/views/tool/ToolMigrations.vue
+++ b/app/src/views/tool/ToolMigrations.vue
@@ -91,7 +91,6 @@ import api from '@/api'
 
 // FIXME not tested with pending migrations (disclaimer and stuff)
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ToolMigrations',
 
   data() {
diff --git a/app/src/views/tool/ToolPower.vue b/app/src/views/tool/ToolPower.vue
index 7864da33..0443f043 100644
--- a/app/src/views/tool/ToolPower.vue
+++ b/app/src/views/tool/ToolPower.vue
@@ -37,7 +37,6 @@
 import api from '@/api'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ToolPower',
 
   methods: {
diff --git a/app/src/views/tool/ToolSettings.vue b/app/src/views/tool/ToolSettings.vue
index 4e71fa27..a4299303 100644
--- a/app/src/views/tool/ToolSettings.vue
+++ b/app/src/views/tool/ToolSettings.vue
@@ -23,7 +23,6 @@ import {
 import ConfigPanels from '@/components/ConfigPanels.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ToolSettingsConfig',
 
   components: {
diff --git a/app/src/views/tool/ToolWebadmin.vue b/app/src/views/tool/ToolWebadmin.vue
index b4ee2cc2..90200cf4 100644
--- a/app/src/views/tool/ToolWebadmin.vue
+++ b/app/src/views/tool/ToolWebadmin.vue
@@ -27,7 +27,6 @@ function mapStoreGetSet(props = [], action = 'commit') {
 }
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'ToolWebadmin',
 
   data() {
diff --git a/app/src/views/update/SystemUpdate.vue b/app/src/views/update/SystemUpdate.vue
index 2c0e4991..08b3cbbd 100644
--- a/app/src/views/update/SystemUpdate.vue
+++ b/app/src/views/update/SystemUpdate.vue
@@ -144,7 +144,6 @@ import { mapGetters } from 'vuex'
 import CardCollapse from '@/components/CardCollapse.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'SystemUpdate',
 
   components: {
diff --git a/app/src/views/user/UserCreate.vue b/app/src/views/user/UserCreate.vue
index 64557e5a..7d62555d 100644
--- a/app/src/views/user/UserCreate.vue
+++ b/app/src/views/user/UserCreate.vue
@@ -84,7 +84,6 @@ import {
 } from '@/helpers/validators'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'UserCreate',
 
   setup() {
diff --git a/app/src/views/user/UserEdit.vue b/app/src/views/user/UserEdit.vue
index 2cbe9820..e8ae18b6 100644
--- a/app/src/views/user/UserEdit.vue
+++ b/app/src/views/user/UserEdit.vue
@@ -134,7 +134,6 @@ import {
 import AdressInputSelect from '@/components/AdressInputSelect.vue'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'UserEdit',
 
   props: {
diff --git a/app/src/views/user/UserImport.vue b/app/src/views/user/UserImport.vue
index 9fd16f2e..b0286b7f 100644
--- a/app/src/views/user/UserImport.vue
+++ b/app/src/views/user/UserImport.vue
@@ -29,7 +29,6 @@ import { formatFormData } from '@/helpers/yunohostArguments'
 import { required } from '@/helpers/validators'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'UserImport',
 
   setup() {
diff --git a/app/src/views/user/UserInfo.vue b/app/src/views/user/UserInfo.vue
index 922e4723..2929cfd4 100644
--- a/app/src/views/user/UserInfo.vue
+++ b/app/src/views/user/UserInfo.vue
@@ -106,7 +106,6 @@
 import api from '@/api'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'UserInfo',
 
   props: {
diff --git a/app/src/views/user/UserList.vue b/app/src/views/user/UserList.vue
index 1b227bf5..2622c4ea 100644
--- a/app/src/views/user/UserList.vue
+++ b/app/src/views/user/UserList.vue
@@ -56,7 +56,6 @@
 import { mapGetters } from 'vuex'
 
 export default {
-  compatConfig: { MODE: 3 },
   name: 'UserList',
 
   data() {
diff --git a/app/vite.config.js b/app/vite.config.js
index bd9be9d7..5086a3a4 100644
--- a/app/vite.config.js
+++ b/app/vite.config.js
@@ -23,7 +23,6 @@ export default defineConfig(({ command, mode }) => {
     },
     resolve: {
       alias: [
-        { find: 'vue', replacement: '@vue/compat' },
         // this is required for the SCSS modules imports with `~` (node_modules)
         {
           find: /^~(.*)$/,
@@ -47,17 +46,7 @@ export default defineConfig(({ command, mode }) => {
         },
       },
     },
-    plugins: [
-      createVuePlugin({
-        template: {
-          compilerOptions: {
-            compatConfig: {
-              MODE: 2,
-            },
-          },
-        },
-      }),
-    ],
+    plugins: [createVuePlugin()],
     build: {
       rollupOptions: {
         output: {