fix imports, default props and lint

components/Layout/Alert/Container.vue

@@ -14,8 +14,7 @@ Container principal pour l'affichage d'une ou plusieurs alertes
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ComputedRef } from '@vue/composition-api'
-import { useContext } from '@nuxtjs/composition-api'
+import { defineComponent, computed, ComputedRef, useContext } from '@nuxtjs/composition-api'
 import { alert } from '~/types/interfaces'
 
 export default defineComponent({

components/Layout/Alert/Content.vue

@@ -17,8 +17,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, Ref } from '@vue/composition-api'
-import { useContext } from '@nuxtjs/composition-api'
+import { defineComponent, ref, Ref, useContext } from '@nuxtjs/composition-api'
 import { alert } from '~/types/interfaces'
 
 export default defineComponent({

components/Layout/Dialog.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from '@vue/composition-api'
+import { defineComponent } from '@nuxtjs/composition-api'
 
 export default defineComponent({
   props: {

components/Layout/Header.vue

@@ -67,13 +67,14 @@ et aux préférences de l'utilisateur
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, useContext, computed, ComputedRef, Ref } from '@nuxtjs/composition-api'
-import { UnwrapRef } from '@vue/composition-api'
+import {
+  defineComponent, reactive, useContext, computed, ComputedRef, Ref, UnwrapRef
+} from '@nuxtjs/composition-api'
 import { $useMenu } from '~/use/layout/menu'
 import { AnyJson } from '~/types/interfaces'
 
 export default defineComponent({
-  setup (props, { emit }) {
+  setup (_props, { emit }) {
     const { store, $config } = useContext()
 
     const properties:UnwrapRef<AnyJson> = reactive({
@@ -118,8 +119,7 @@ export default defineComponent({
 
 <style scoped>
   .help {
-    padding: 14px;
-    padding-bottom: 13px;
+    padding: 14px 14px 13px;
     font-size: 14px;
     text-decoration: none;
   }

components/Layout/Header/Notification.vue

@@ -35,8 +35,7 @@ Notification
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, Ref } from '@nuxtjs/composition-api'
-import { UnwrapRef } from '@vue/composition-api'
+import { defineComponent, reactive, Ref, UnwrapRef } from '@nuxtjs/composition-api'
 import { $useMenu } from '@/use/layout/menu'
 import { AnyJson } from '~/types/interfaces'
 

components/Layout/Loading.vue

@@ -16,7 +16,7 @@ export default defineComponent({
   setup () {
     const loading: Ref<boolean> = ref(false)
 
-    const set = (num: number) => {
+    const set = (_num: number) => {
       loading.value = true
     }
     const start = () => {

components/Layout/SubHeader/DataTiming.vue

@@ -25,8 +25,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onUnmounted, ref, useContext, watch, Ref } from '@nuxtjs/composition-api'
-import { WatchStopHandle } from '@vue/composition-api'
+import { defineComponent, onUnmounted, ref, useContext, watch, Ref, WatchStopHandle } from '@nuxtjs/composition-api'
 import { $useDirtyForm } from '~/use/form/useDirtyForm'
 import { $useMyProfileUpdater } from '~/use/updater/useMyProfileUpdater'
 

components/Layout/SubHeader/DataTimingRange.vue

@@ -36,8 +36,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onUnmounted, ref, useContext, watch, computed, ComputedRef } from '@nuxtjs/composition-api'
-import { Ref, WatchStopHandle } from '@vue/composition-api'
+import {
+  defineComponent, onUnmounted, ref, useContext, watch, computed, ComputedRef, Ref, WatchStopHandle
+} from '@nuxtjs/composition-api'
 import { $useMyProfileUpdater } from '~/use/updater/useMyProfileUpdater'
 import { $useDirtyForm } from '~/use/form/useDirtyForm'
 

components/Layout/SubHeader/PersonnalizedList.vue

@@ -35,7 +35,9 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext, useFetch, ref, Ref, ComputedRef } from '@nuxtjs/composition-api'
+import {
+  computed, defineComponent, useContext, useFetch, ref, Ref, ComputedRef
+} from '@nuxtjs/composition-api'
 import { Collection } from '@vuex-orm/core'
 import { QUERY_TYPE } from '~/types/enums'
 import { PersonalizedList } from '~/models/Access/PersonalizedList'

components/Ui/Button/Delete.vue

@@ -67,8 +67,8 @@ export default defineComponent({
     }
 
     return {
-      alertDeleteItem: () => showDialog.value = true,
-      closeDialog: () => showDialog.value = false,
+      alertDeleteItem: () => { showDialog.value = true },
+      closeDialog: () => { showDialog.value = false },
       deleteItem,
       showDialog
     }

components/Ui/ExpansionPanel.vue

@@ -27,7 +27,8 @@ export default {
     },
     icon: {
       type: String,
-      required: false
+      required: false,
+      default: null
     }
   }
 }

components/Ui/Form.vue

@@ -65,9 +65,10 @@ Formulaire générique
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onBeforeMount, onBeforeUnmount, onUnmounted, reactive, toRefs, useContext, watch, ref, Ref, ComputedRef } from '@nuxtjs/composition-api'
+import {
+  computed, defineComponent, reactive, toRefs, useContext, ref, Ref, ComputedRef, ToRefs, UnwrapRef
+} from '@nuxtjs/composition-api'
 import { Query } from '@vuex-orm/core'
-import { ToRefs, UnwrapRef } from '@vue/composition-api'
 import { repositoryHelper } from '~/services/store/repository'
 import { queryHelper } from '~/services/store/query'
 import { QUERY_TYPE, TYPE_ALERT } from '~/types/enums'

components/Ui/Input/Autocomplete.vue

@@ -27,20 +27,23 @@ export default defineComponent({
   props: {
     label: {
       type: String,
-      required: false
+      required: false,
+      default: ''
     },
     field: {
       type: String,
-      required: false
+      required: false,
+      default: null
     },
     data: {
       type: String,
-      required: false
+      required: false,
+      default: null
     },
     items: {
       type: Array,
       required: false,
-      default: []
+      default: () => []
     },
     readOnly: {
       type: Boolean,

components/Ui/Input/AutocompleteWithAPI.vue

@@ -34,15 +34,18 @@ export default defineComponent({
   props: {
     label: {
       type: String,
-      required: false
+      required: false,
+      default: ''
     },
     field: {
       type: String,
-      required: false
+      required: false,
+      default: null
     },
     data: {
       type: String,
-      required: false
+      required: false,
+      default: null
     },
     readOnly: {
       type: Boolean,

components/Ui/Input/Checkbox.vue

@@ -25,11 +25,13 @@ export default defineComponent({
   props: {
     field: {
       type: String,
-      required: false
+      required: false,
+      default: null
     },
     label: {
       type: String,
-      required: false
+      required: false,
+      default: ''
     },
     data: {
       type: Boolean,

components/Ui/Input/DatePicker.vue

@@ -47,15 +47,18 @@ export default defineComponent({
   props: {
     field: {
       type: String,
-      required: false
+      required: false,
+      default: null
     },
     label: {
       type: String,
-      required: false
+      required: false,
+      default: ''
     },
     data: {
       type: [String, Array],
-      required: false
+      required: false,
+      default: null
     },
     readOnly: {
       type: Boolean,

components/Ui/Input/Enum.vue

@@ -39,15 +39,18 @@ export default defineComponent({
     },
     label: {
       type: String,
-      required: false
+      required: false,
+      default: ''
     },
     field: {
       type: String,
-      required: false
+      required: false,
+      default: null
     },
     data: {
       type: String,
-      required: false
+      required: false,
+      default: null
     },
     readOnly: {
       type: Boolean,
@@ -55,11 +58,12 @@ export default defineComponent({
     },
     rules: {
       type: Array,
-      required: false
+      required: false,
+      default: () => []
     }
   },
   setup (props) {
-    const label_field = props.label ?? props.field
+    const labelField = props.label ?? props.field
 
     const { enumType } = props
     const { $dataProvider } = useContext()
@@ -74,7 +78,7 @@ export default defineComponent({
 
     return {
       items,
-      label_field
+      label_field: labelField
     }
   }
 })

components/Ui/Input/Text.vue

@@ -25,19 +25,23 @@ export default defineComponent({
   props: {
     label: {
       type: String,
-      required: false
+      required: false,
+      default: ''
     },
     field: {
       type: String,
-      required: false
+      required: false,
+      default: null
     },
     type: {
       type: String,
-      required: false
+      required: false,
+      default: null
     },
     data: {
       type: [String, Number],
-      required: false
+      required: false,
+      default: null
     },
     readOnly: {
       type: Boolean,
@@ -45,7 +49,8 @@ export default defineComponent({
     },
     rules: {
       type: Array,
-      required: false
+      required: false,
+      default: () => []
     },
     error: {
       type: Boolean,
@@ -53,7 +58,8 @@ export default defineComponent({
     },
     errorMessage: {
       type: String,
-      required: false
+      required: false,
+      default: null
     }
   },
   setup (props) {

components/Ui/Map.vue

@@ -24,8 +24,9 @@ Leaflet map
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref, toRefs, useContext, ComputedRef, Ref } from '@nuxtjs/composition-api'
-import { ToRefs } from '@vue/composition-api'
+import {
+  defineComponent, computed, ref, toRefs, useContext, ComputedRef, Ref, ToRefs
+} from '@nuxtjs/composition-api'
 import { QUERY_TYPE, TYPE_ALERT } from '~/types/enums'
 import { AddressPostal } from '~/models/Core/AddressPostal'
 import { AnyJson, alert } from '~/types/interfaces'

components/Ui/SubList.vue

@@ -14,7 +14,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, computed, useContext, useFetch, toRefs, onUnmounted, ToRefs, ComputedRef } from '@nuxtjs/composition-api'
+import {
+  defineComponent, computed, useContext, useFetch, toRefs, ToRefs, ComputedRef
+} from '@nuxtjs/composition-api'
 import { Query } from '@vuex-orm/core'
 import { Collection } from '@vuex-orm/core/dist/src/data/Data'
 import { queryHelper } from '~/services/store/query'

components/Ui/Xeditable/Text.vue

@@ -31,7 +31,8 @@ export default defineComponent({
   props: {
     type: {
       type: String,
-      required: false
+      required: false,
+      default: null
     },
     data: {
       type: [String, Number],