chore: check types in nuxt (#1138)

## Ticket(s) lié(s)

## Description

Permet de passer une validation typescript sur les frontend, notemment
sur les `<script lang="ts"/>` et sur les composants de shared-ui

### Dont régressions potentielles à tester

## Screenshot / liens loom 

## Check-list

 - [ ] Ma branche est rebase sur main
- [ ] Des tests ont été écrits pour tous les endpoints créés ou modifiés
 - [ ] Refacto "à la volée" des parties sur lesquelles j'ai codée
 - [ ] Plus de `console.log`
- [ ] J'ai ajouté une validation de schéma sur la route que j'ai ajouté
ou modifié

Author: achorein

.talismanrc

@@ -295,6 +295,8 @@ fileignoreconfig:
   checksum: 0c60a5a9f3321ab3c36025bdeb35663395586d5bca3d21984fdbe5997b46c6eb
 - filename: packages/migrations/src/scripts/reset-s3.js
   checksum: 7b52636c4c49bf85a592f649f8fbf653e0203b390f4f9d220fe3ae4da06422a7
+- filename: packages/shared-ui/src/components/DsfrMultiselectV2.vue
+  checksum: 1de96bc77280e61537e5c573a8116d32a8d2793eb073f89080cc66f8a389ce73
 - filename: packages/shared-ui/src/components/Table/DsfrDataTableV2.vue
   checksum: 0333a8dd3d87ab118f5896b079f89423f9e465208c68bebed045a83350ce24d6
 - filename: packages/shared/src/components/Chat.vue

packages/backend/package.json

@@ -6,7 +6,8 @@
   "license": "Apache-2.0",
   "main": "src/index.js",
   "scripts": {
-    "lint": "eslint --fix ./src",
+    "lint": "eslint --ext .js,.ts ./src",
+    "lint:fix": "yarn lint --fix",
     "dev": "nodemon --inspect=0.0.0.0:9229 src/index.js",
     "test": "jest --config=jest.config.js",
     "test:debug": "jest --config=jest.config.js --debug --detectOpenHandles",

packages/backend/src/__tests__/helper/fixtures/hebergementHelper.ts

@@ -1,4 +1,5 @@
-import { HebergementDto } from "../../../dto/HebergementDto";
+import { HebergementDto } from "@vao/shared-bridge";
+
 import Hebergement from "../../../services/hebergement/Hebergement";
 
 export const createHebergement = async ({

packages/backend/src/utils/cipher.js

@@ -5,7 +5,6 @@ const { sentry } = require("../config");
 const log = logger(module.filename);
 const crypto = require("crypto");
 
-
 const algorithm = "aes-256-gcm";
 
 // Clé de 32 octets (256 bits), encodée en hex dans la variable d'environnement
@@ -64,7 +63,7 @@ function decrypt(data) {
     const decipher = crypto.createDecipheriv(
       algorithm,
       secretKey,
-      Buffer.from(data.iv, "hex")
+      Buffer.from(data.iv, "hex"),
     );
 
     decipher.setAuthTag(Buffer.from(data.tag, "hex"));
@@ -90,4 +89,4 @@ function decrypt(data) {
   }
 }
 
-module.exports = { encrypt, decrypt };
+module.exports = { decrypt, encrypt };

packages/cron/package.json

@@ -6,7 +6,8 @@
   "license": "MIT",
   "scripts": {
     "dev": "tsx watch ./src",
-    "lint": "eslint --fix ./src",
+    "lint": "eslint --ext .js,.ts ./src",
+    "lint:fix": "yarn lint --fix",
     "test": "jest --config=jest.config.js",
     "test:watch": "yarn test --watch",
     "test:coverage": "yarn test --coverage --passWithNoTests"

packages/frontend-bo/nuxt.config.ts

@@ -1,5 +1,5 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
-
+import { resolve } from "path";
 import { sentryVitePlugin } from "@sentry/vite-plugin";
 
 export default defineNuxtConfig({
@@ -29,6 +29,20 @@ export default defineNuxtConfig({
     "@samk-dev/nuxt-vcalendar",
   ],
 
+  typescript: {
+    typeCheck: true,
+    tsConfig: {
+      exclude: [
+        resolve(__dirname, "../shared-bridge/**"),
+        resolve(__dirname, "../shared-ui/**"),
+      ],
+    },
+  },
+  alias: {
+    "@vao/shared-bridge": resolve(__dirname, "../shared-bridge/src"),
+    "@vao/shared-ui": resolve(__dirname, "../shared-ui/src"),
+  },
+
   runtimeConfig: {
     public: {
       appVersion: undefined,
@@ -88,4 +102,4 @@ export default defineNuxtConfig({
   },
 
   compatibilityDate: "2025-03-31",
-});
+});

packages/frontend-bo/package.json

@@ -11,7 +11,8 @@
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
-    "lint": "eslint --fix ./src",
+    "lint": "eslint --ext .vue,.js,.ts ./src",
+    "lint:fix": "yarn lint --fix",
     "test": "vitest",
     "clean": "nuxt cleanup"
   },
@@ -36,9 +37,8 @@
     "pinia": "~2.2.2",
     "ufo": "^1.5.4",
     "vee-validate": "~4.13.0",
-    "vue": "latest",
+    "vue": "^3.5.22",
     "vue-matomo": "~4.2.0",
-    "vue-router": "latest",
     "yup": "~1.4.0"
   },
   "devDependencies": {
@@ -52,7 +52,8 @@
     "sass": "~1.79.3",
     "sass-loader": "~16.0.2",
     "typescript": "~5.6.2",
-    "vue-dsfr-nuxt-module": "^2.0.0"
+    "vue-dsfr-nuxt-module": "^2.0.0",
+    "vue-tsc": "^3.2.2"
   },
   "lint-staged": {
     "src/**/*.{js,vue,ts}": "npx eslint --cache --max-warnings=0"

packages/frontend-bo/src/components/demandes-sejour/DefaultTableFilters.vue

@@ -106,7 +106,14 @@ const props = withDefaults(
   { filters: () => Object.values(demandesSejours.filters) },
 );
 
-const defaultStatus = [...Object.values(demandesSejours.statuts)];
+// TODO: check if mapper is needed
+const defaultStatus = [...Object.values(demandesSejours.statuts)].map(
+  (status) => ({
+    id: status,
+    label: status,
+    value: status,
+  }),
+);
 
 const emits = defineEmits<{
   "update:idFonctionnelle": [string];

packages/frontend-bo/src/pages/eig/index.vue

@@ -131,7 +131,8 @@ import {
   TableWithBackendPagination,
   ValidationModal,
 } from "@vao/shared-ui";
-import { mapEigToLabel } from "@vao/shared-ui/src/utils/eigUtils";
+import { eigUtils } from "@vao/shared-ui";
+const mapEigToLabel = eigUtils.mapEigToLabel;
 
 definePageMeta({
   middleware: ["is-connected", "check-role"],

packages/frontend-bo/src/pages/footer/accessibilite.vue

@@ -3,5 +3,5 @@
 </template>
 
 <script setup>
-import Accessibilite from "@vao/shared-ui/src/components/Accessibilite.vue";
+import { Accessibilite } from "@vao/shared-ui";
 </script>