chore: lint

app/src/App.vue

@@ -11,7 +11,7 @@ const { locked } = useRequests()
 const { spinner, dark } = useSettings()
 
 const ready = ref(false)
-onAppCreated().then(() => ready.value = true)
+onAppCreated().then(() => (ready.value = true))
 
 onMounted(() => {
   const copypastaCode = ['ArrowDown', 'ArrowDown', 'ArrowUp', 'ArrowUp']
@@ -87,7 +87,12 @@ onMounted(() => {
 
         <BNavbarNav class="ms-auto">
           <li class="nav-item">
-            <BButton :href="ssoLink" variant="primary" size="sm" class="d-block">
+            <BButton
+              :href="ssoLink"
+              variant="primary"
+              size="sm"
+              class="d-block"
+            >
               {{ $t('user_interface_link') }} <YIcon iname="user" />
             </BButton>
           </li>

app/src/components/globals/YCard.vue

@@ -39,7 +39,10 @@ const visible = ref(!props.collapsed)
 </script>
 
 <template>
-  <BCard :no-body="collapsible ? true : noBody" :class="{ 'border-0': asTab, 'collapsible': collapsible }">
+  <BCard
+    :no-body="collapsible ? true : noBody"
+    :class="{ 'border-0': asTab, collapsible: collapsible }"
+  >
     <template v-if="!asTab" #header>
       <div class="w-100 d-flex align-items-center flex-wrap custom-header">
         <slot name="header">

app/src/components/globals/YListItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const props = withDefaults(
+withDefaults(
   defineProps<{
     label: string
     sublabel?: string
@@ -7,6 +7,7 @@ const props = withDefaults(
   }>(),
   {
     sublabel: undefined,
+    description: undefined,
   },
 )
 

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

@@ -4,7 +4,7 @@ withDefaults(defineProps<{ button: boolean; search: boolean }>(), {
   search: false,
 })
 
-const slots = defineSlots<{
+defineSlots<{
   default: any
 }>()
 </script>

app/src/composables/data.ts

@@ -127,10 +127,7 @@ export function useUsersAndGroups(username?: MaybeRefOrGetter<string>) {
   }
 }
 
-export function useDomains(
+export function useDomains(domain_?: MaybeRefOrGetter<string>) {
-  domain_?: MaybeRefOrGetter<string>,
-  installed: boolean = true,
-) {
   const { mainDomain, domains: domains_, domainDetails } = useData()
 
   const domains = computed(() => {

app/src/composables/useInfos.ts

@@ -21,7 +21,7 @@ type BreadcrumbRoutes = {
   args: RouteMeta['args']
 }
 
-function formatRoute({ name, params, args }: BreadcrumbRoutes) {
+function formatRoute({ params, args }: BreadcrumbRoutes) {
   const { trad, param } = args
   // if a traduction key string has been given and we also need to pass
   // the route param as a variable.
@@ -47,7 +47,6 @@ export const useInfos = createGlobalState(() => {
 
   const breadcrumb = computed(() => {
     return breadcrumbRoutes.value.map((to) => {
-      console.log(to)
       return { to: { name: to.name }, text: formatRoute(to) }
     })
   })

app/src/types/form.ts

@@ -53,7 +53,7 @@ type BaseWritableItemProps = {
   disabled?: boolean
 }
 
-export type BaseItemComputedProps<MV extends any = any> = {
+export type BaseItemComputedProps = {
   ariaDescribedby?: string | string[]
   state?: StateValidation
   validation?: BaseValidation
@@ -296,10 +296,10 @@ export type FormFieldProps<
   BaseFormFieldComputedProps
 // BaseFormFieldComputedProps<MV>
 
-export type FormFieldReadonlyProps<
+export type FormFieldReadonlyProps<C extends AnyWritableComponents> = Omit<
-  C extends AnyWritableComponents,
+  FormFieldReadonly<C>,
-  MV extends any,
+  'hr' | 'visible' | 'readonly' | 'rules'
-> = Omit<FormFieldReadonly<C>, 'hr' | 'visible' | 'readonly' | 'rules'>
+>
 
 export type FormFieldDict<T extends Obj = Obj> = {
   [k in keyof T | string]: k extends keyof T

app/src/views/backup/BackupInfo.vue

@@ -191,7 +191,7 @@ function downloadBackup() {
           >
             <div class="me-2">
               <h5>
-                <span  class="fw-bold">{{ item.name }}</span>
+                <span class="fw-bold">{{ item.name }}</span>
                 <small class="ms-1 text-secondary">
                   {{ appName }} ({{ humanSize(item.size) }})
                 </small>

app/src/views/user/UserEdit.vue

@@ -40,7 +40,7 @@ const { user } = useUsersAndGroups(() => props.name)
 // mailbox-quota could be 'No quota' or 'Pas de quota'...
 const mailboxQuota =
   parseInt(user.value['mailbox-quota'].limit) > 0
-    ? sizeToM(user.value['mailbox-quota'].limit) ?? 0
+    ? (sizeToM(user.value['mailbox-quota'].limit) ?? 0)
     : 0
 
 type Form = typeof form.value

app/tsconfig.node.json

@@ -1,14 +1,12 @@
 {
-    "compilerOptions": {
+  "compilerOptions": {
-      "composite": true,
+    "composite": true,
-      "skipLibCheck": true,
+    "skipLibCheck": true,
-      "module": "ESNext",
+    "module": "ESNext",
-      "moduleResolution": "bundler",
+    "moduleResolution": "bundler",
-      "allowSyntheticDefaultImports": true,
+    "allowSyntheticDefaultImports": true,
-      "strict": true,
+    "strict": true,
-      "types": [
+    "types": ["node"]
-        "node"
+  },
-      ]
+  "include": ["vite.config.ts"]
-    },
+}
-    "include": ["vite.config.ts"]
-  }