refactor: turn all components/views to compat 3

app/src/App.vue

@@ -101,6 +101,7 @@ import { mapGetters } from 'vuex'
 import { HistoryConsole, ViewLockOverlay } from '@/views/_partials'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'App',
 
   components: {

app/src/components/AdressInputSelect.vue

@@ -39,6 +39,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'AdressInputSelect',
 
   inheritAttrs: false,

app/src/components/CardCollapse.vue

@@ -23,6 +23,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'CardCollapse',
 
   props: {

app/src/components/CardDeckFeed.vue

@@ -3,6 +3,7 @@
 // https://www.w3.org/WAI/ARIA/apg/patterns/feed/
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'CardDeckFeed',
 
   props: {

app/src/components/ConfigPanel.vue

@@ -54,6 +54,7 @@
 import { filterObject } from '@/helpers/commons'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ConfigPanel',
 
   props: {

app/src/components/ConfigPanels.vue

@@ -30,6 +30,7 @@ import { toRef } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ConfigPanels',
 
   inheritAttrs: false,

app/src/components/LazyRenderer.vue

@@ -6,6 +6,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'LazyRenderer',
 
   props: {

app/src/components/MessageListGroup.vue

@@ -24,6 +24,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'MessageListGroup',
 
   props: {

app/src/components/QueryHeader.vue

@@ -49,6 +49,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'QueryHeader',
 
   props: {

app/src/components/RecursiveListGroup.vue

@@ -45,6 +45,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'RecursiveListGroup',
 
   props: {

app/src/components/RoutableTabs.vue

@@ -33,6 +33,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'RoutableTabs',
 
   // Thanks to `v-bind="$attrs"` and `inheritAttrs: false`, this component can forward

app/src/components/globals/AbstractForm.vue

@@ -32,6 +32,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'AbstractForm',
 
   props: {

app/src/components/globals/CardForm.vue

@@ -37,6 +37,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'CardForm',
 
   props: {

app/src/components/globals/DescriptionRow.vue

@@ -16,6 +16,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'DescriptionRow',
 
   props: {

app/src/components/globals/ExplainWhat.vue

@@ -24,6 +24,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ExplainWhat',
 
   props: {

app/src/components/globals/FormField.vue

@@ -49,6 +49,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'FormField',
 
   inheritAttrs: false,

app/src/components/globals/ReadOnlyField.vue

@@ -13,6 +13,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ReadOnlyField',
 
   inheritAttrs: false,

app/src/components/globals/TopBar.vue

@@ -16,6 +16,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'TopBar',
 
   props: {

app/src/components/globals/ViewBase.vue

@@ -33,6 +33,7 @@
 import api from '@/api'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ViewBase',
 
   props: {

app/src/components/globals/ViewSearch.vue

@@ -57,6 +57,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ViewSearch',
 
   props: {

app/src/components/globals/YAlert.vue

@@ -18,6 +18,7 @@
 import { DEFAULT_STATUS_ICON } from '@/helpers/yunohostArguments'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'YAlert',
 
   props: {

app/src/components/globals/YBreadcrumb.vue

@@ -20,6 +20,7 @@
 import { mapGetters } from 'vuex'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'YBreadcrumb',
 
   computed: {

app/src/components/globals/YCard.vue

@@ -56,6 +56,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'YCard',
 
   props: {

app/src/components/globals/YIcon.vue

@@ -7,6 +7,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'YIcon',
   props: {
     iname: { type: String, required: true },

app/src/components/globals/YListGroupItem.vue

@@ -14,6 +14,7 @@
 import { DEFAULT_STATUS_ICON } from '@/helpers/yunohostArguments'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'YListGroupItem',
 
   props: {

app/src/components/globals/YSpinner.vue

@@ -6,6 +6,7 @@
 import { mapGetters } from 'vuex'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'YSpinner',
 
   computed: {

app/src/components/globals/formItems/ButtonItem.vue

@@ -13,6 +13,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ButtonItem',
 
   props: {

app/src/components/globals/formItems/CheckboxItem.vue

@@ -12,6 +12,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'CheckboxItem',
 
   props: {

app/src/components/globals/formItems/DisplayTextItem.vue

@@ -6,6 +6,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'DisplayTextItem',
 
   props: {

app/src/components/globals/formItems/FileItem.vue

@@ -30,6 +30,7 @@
 import { getFileContent } from '@/helpers/commons'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'FileItem',
 
   props: {

app/src/components/globals/formItems/InputItem.vue

@@ -18,6 +18,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'InputItem',
 
   props: {

app/src/components/globals/formItems/MarkdownItem.vue

@@ -4,6 +4,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'MarkdownItem',
 
   props: {

app/src/components/globals/formItems/ReadOnlyAlertItem.vue

@@ -12,6 +12,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ReadOnlyAlertItem',
 
   props: {

app/src/components/globals/formItems/SelectItem.vue

@@ -11,6 +11,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'SelectItem',
 
   props: {

app/src/components/globals/formItems/TagsItem.vue

@@ -16,6 +16,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'TagsItem',
 
   data() {

app/src/components/globals/formItems/TagsSelectizeItem.vue

@@ -93,6 +93,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'TagsSelectizeItem',
 
   inheritAttrs: false,

app/src/components/globals/formItems/TextAreaItem.vue

@@ -13,6 +13,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'TextAreaItem',
 
   props: {

app/src/components/globals/skeletons/CardButtonsSkeleton.vue

@@ -21,6 +21,7 @@
 import { randint } from '@/helpers/commons'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'CardButtonsSkeleton',
 
   props: {

app/src/components/globals/skeletons/CardFormSkeleton.vue

@@ -47,6 +47,7 @@
 import { randint } from '@/helpers/commons'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'CardFormSkeleton',
 
   props: {

app/src/components/globals/skeletons/CardInfoSkeleton.vue

@@ -19,6 +19,7 @@
 import { randint } from '@/helpers/commons'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'CardInfoSkeleton',
 
   props: {

app/src/components/globals/skeletons/CardListSkeleton.vue

@@ -23,6 +23,7 @@
 import { randint } from '@/helpers/commons'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'CardListSkeleton',
 
   props: {

app/src/components/globals/skeletons/ListGroupSkeleton.vue

@@ -11,6 +11,7 @@
 import { randint } from '@/helpers/commons'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ListGroupSkeleton',
 
   props: {

app/src/views/HomeView.vue

@@ -16,6 +16,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'HomeView',
 
   data() {

app/src/views/LoginView.vue

@@ -39,6 +39,7 @@ import { useVuelidate } from '@vuelidate/core'
 import { alphalownumdot_, required, minLength } from '@/helpers/validators'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'LoginView',
 
   props: {

app/src/views/PostInstall.vue

@@ -104,6 +104,7 @@ import {
 } from '@/helpers/validators'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'PostInstall',
 
   components: {

app/src/views/_partials/DomainForm.vue

@@ -129,6 +129,7 @@ import {
 } from '@/helpers/validators'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'DomainForm',
 
   props: {

app/src/views/_partials/ErrorDisplay.vue

@@ -54,6 +54,7 @@
 import MessageListGroup from '@/components/MessageListGroup.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ErrorDisplay',
 
   components: {

app/src/views/_partials/HistoryConsole.vue

@@ -94,6 +94,7 @@ import QueryHeader from '@/components/QueryHeader.vue'
 import MessageListGroup from '@/components/MessageListGroup.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'HistoryConsole',
 
   components: {

app/src/views/_partials/ReconnectingDisplay.vue

@@ -43,6 +43,7 @@ import api from '@/api'
 import LoginView from '@/views/LoginView.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ReconnectingDisplay',
 
   components: {

app/src/views/_partials/ViewLockOverlay.vue

@@ -30,6 +30,7 @@ import {
 import QueryHeader from '@/components/QueryHeader.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ViewLockOverlay',
 
   components: {

app/src/views/_partials/WaitingDisplay.vue

@@ -30,6 +30,7 @@
 import MessageListGroup from '@/components/MessageListGroup.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'WaitingDisplay',
 
   components: {

app/src/views/_partials/WarningDisplay.vue

@@ -13,6 +13,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'WarningDisplay',
 
   props: {

app/src/views/app/AppCatalog.vue

@@ -227,6 +227,7 @@ import { required, appRepoUrl } from '@/helpers/validators'
 import { randint } from '@/helpers/commons'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'AppCatalog',
 
   components: {

app/src/views/app/AppInfo.vue

@@ -377,6 +377,7 @@ import {
 import ConfigPanels from '@/components/ConfigPanels.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'AppInfo',
 
   components: {

app/src/views/app/AppInstall.vue

@@ -217,6 +217,7 @@ import {
 import CardCollapse from '@/components/CardCollapse.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'AppInstall',
 
   components: {

app/src/views/app/AppList.vue

@@ -39,6 +39,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'AppList',
 
   data() {

app/src/views/backup/BackupCreate.vue

@@ -127,6 +127,7 @@
 import api from '@/api'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'BackupCreate',
 
   props: {

app/src/views/backup/BackupInfo.vue

@@ -142,6 +142,7 @@ import { humanSize } from '@/helpers/filters/human'
 import { isEmptyValue } from '@/helpers/commons'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'BackupInfo',
 
   props: {

app/src/views/backup/BackupList.vue

@@ -49,6 +49,7 @@ import { distanceToNow, readableDate } from '@/helpers/filters/date'
 import { humanSize } from '@/helpers/filters/human'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'BackupList',
 
   props: {

app/src/views/backup/BackupView.vue

@@ -24,6 +24,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'BackupView',
 
   data() {

app/src/views/diagnosis/DiagnosisView.vue

@@ -153,6 +153,7 @@ import { distanceToNow } from '@/helpers/filters/date'
 import { DEFAULT_STATUS_ICON } from '@/helpers/yunohostArguments'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'DiagnosisView',
 
   data() {

app/src/views/domain/DomainAdd.vue

@@ -14,6 +14,7 @@ import api from '@/api'
 import { DomainForm } from '@/views/_partials'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'DomainAdd',
 
   data() {

app/src/views/domain/DomainDns.vue

@@ -148,6 +148,7 @@ import api from '@/api'
 import { isEmptyValue } from '@/helpers/commons'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'DomainDns',
 
   props: {

app/src/views/domain/DomainInfo.vue

@@ -149,6 +149,7 @@ import ConfigPanels from '@/components/ConfigPanels.vue'
 import DomainDns from './DomainDns.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'DomainInfo',
 
   components: {

app/src/views/domain/DomainList.vue

@@ -53,6 +53,7 @@ import { mapGetters } from 'vuex'
 import RecursiveListGroup from '@/components/RecursiveListGroup.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'DomainList',
 
   components: {

app/src/views/group/GroupCreate.vue

@@ -22,6 +22,7 @@ import api from '@/api'
 import { required, alphalownumdot_ } from '@/helpers/validators'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'GroupCreate',
 
   setup() {

app/src/views/group/GroupList.vue

@@ -142,6 +142,7 @@ 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: {

app/src/views/service/ServiceInfo.vue

@@ -86,6 +86,7 @@ import api from '@/api'
 import { distanceToNow } from '@/helpers/filters/date'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ServiceInfo',
 
   props: {

app/src/views/service/ServiceList.vue

@@ -46,6 +46,7 @@
 import { distanceToNow } from '@/helpers/filters/date'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ServiceList',
 
   data() {

app/src/views/tool/ToolFirewall.vue

@@ -125,6 +125,7 @@ import api from '@/api'
 import { required, integer, between } from '@/helpers/validators'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ToolFirewall',
 
   setup() {

app/src/views/tool/ToolList.vue

@@ -15,6 +15,7 @@
 
 <script>
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ToolList',
 
   data() {

app/src/views/tool/ToolLog.vue

@@ -78,6 +78,7 @@ import { escapeHtml } from '@/helpers/commons'
 import { readableDate } from '@/helpers/filters/date'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ToolLog',
 
   props: {

app/src/views/tool/ToolLogs.vue

@@ -29,6 +29,7 @@
 import { distanceToNow, readableDate } from '@/helpers/filters/date'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ToolLogs',
 
   data() {

app/src/views/tool/ToolMigrations.vue

@@ -91,6 +91,7 @@ import api from '@/api'
 
 // FIXME not tested with pending migrations (disclaimer and stuff)
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ToolMigrations',
 
   data() {

app/src/views/tool/ToolPower.vue

@@ -37,6 +37,7 @@
 import api from '@/api'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ToolPower',
 
   methods: {

app/src/views/tool/ToolSettings.vue

@@ -23,6 +23,7 @@ import {
 import ConfigPanels from '@/components/ConfigPanels.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ToolSettingsConfig',
 
   components: {

app/src/views/tool/ToolWebadmin.vue

@@ -27,6 +27,7 @@ function mapStoreGetSet(props = [], action = 'commit') {
 }
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'ToolWebadmin',
 
   data() {

app/src/views/update/SystemUpdate.vue

@@ -144,6 +144,7 @@ import { mapGetters } from 'vuex'
 import CardCollapse from '@/components/CardCollapse.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'SystemUpdate',
 
   components: {

app/src/views/user/UserCreate.vue

@@ -84,6 +84,7 @@ import {
 } from '@/helpers/validators'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'UserCreate',
 
   setup() {

app/src/views/user/UserEdit.vue

@@ -134,6 +134,7 @@ import {
 import AdressInputSelect from '@/components/AdressInputSelect.vue'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'UserEdit',
 
   props: {

app/src/views/user/UserImport.vue

@@ -29,6 +29,7 @@ import { formatFormData } from '@/helpers/yunohostArguments'
 import { required } from '@/helpers/validators'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'UserImport',
 
   setup() {

app/src/views/user/UserInfo.vue

@@ -106,6 +106,7 @@
 import api from '@/api'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'UserInfo',
 
   props: {

app/src/views/user/UserList.vue

@@ -56,6 +56,7 @@
 import { mapGetters } from 'vuex'
 
 export default {
+  compatConfig: { MODE: 3 },
   name: 'UserList',
 
   data() {