fix config

app/.eslintrc.js

@@ -19,6 +19,7 @@ module.exports = {
         multiline: 3,
       },
     ],
+    'vue/multi-word-component-names': 'off', // FIXME this should be adressed at some point
     'no-console': 'warn',
     'template-curly-spacing': 'off',
     camelcase: 'warn',

app/src/components/ConfigPanel.vue

@@ -24,11 +24,14 @@
         </b-card-title>
 
         <template v-for="(field, fname) in section.fields">
+          <!-- FIXME rework the whole component chain to avoid direct mutation of the `forms` props -->
+          <!-- eslint-disable -->
           <component
             v-if="field.visible" :is="field.is" v-bind="field.props"
             v-model="forms[panel.id][fname]" :validation="validation[fname]" :key="fname"
             @action.stop="onAction(section.id, fname, section.fields)"
           />
+          <!-- eslint-enable -->
         </template>
       </component>
     </template>

app/vue.config.js

@@ -61,7 +61,7 @@ module.exports = {
   css: {
     loaderOptions: {
       sass: {
-        prependData: '@import "@/scss/_variables.scss";'
+        additionalData: '@import "@/scss/_variables.scss";'
       }
     }
   },
@@ -69,7 +69,7 @@ module.exports = {
   devServer: process.env.NODE_ENV === 'development' ? {
     public: fs.readFileSync('/etc/yunohost/current_host', 'utf8'),
     https: false,
-    disableHostCheck: true,
+    allowedHosts: 'all',
     proxy: {
       '^/yunohost': {
         target: `http://${process.env.VUE_APP_IP}`,
@@ -77,10 +77,12 @@ module.exports = {
         logLevel: 'info'
       }
     },
-    watchOptions: {
-      ignored: /node_modules/,
-      aggregateTimeout: 300,
-      poll: 1000
+    static: {
+      watch: {
+        ignored: /node_modules/,
+        aggregateTimeout: 300,
+        poll: 1000
+      }
     }
   } : {}
 }