downgrade typescript and fix gapbug

front/package.json

@@ -118,7 +118,7 @@
     "sass": "1.88.0",
     "sinon": "15.2.0",
     "standardized-audio-context-mock": "9.7.21",
-    "typescript": "5.8.3",
+    "typescript": "5.2.2",
     "unocss": "0.58.0",
     "unplugin-vue-macros": "2.14.5",
     "utility-types": "3.11.0",

front/src/components/ui/Header.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { ComponentProps } from 'vue-component-type-helpers'
+import { computed } from 'vue'
 
 import Layout from '~/components/ui/Layout.vue'
 import Spacer from '~/components/ui/Spacer.vue'
@@ -15,7 +16,7 @@ const props = defineProps<{
   alignLeft?: boolean
   action?: { text: string } & (ComponentProps<typeof Link> | ComponentProps<typeof Button>)
   icon?: string
-  noGap?: false
+  noGap?: boolean
 } & {
   [H in `h${ '1' | '2' | '3' | '4' | '5' | '6' }`]? : string
 } & {
@@ -23,6 +24,13 @@ const props = defineProps<{
 } & {
   [Operation in 'expand' | 'collapse']?: () => void
 }>()
+
+const noGap = computed(() => {
+  const noGapValue = (props as { noGap?: boolean }).noGap
+  return noGapValue === true
+})
+
+const gap8 = computed(() => !noGap.value)
 </script>
 
 <template>
@@ -36,8 +44,8 @@ const props = defineProps<{
     </div>
     <Layout
       stack
-      :gap-8="!(props.noGap as boolean)"
-      :no-gap="props.noGap"
+      :gap-8="gap8"
+      :no-gap="noGap"
       style="flex-grow: 1;"
     >
       <Layout

front/yarn.lock

@@ -11755,10 +11755,10 @@ typed-array-length@^1.0.7:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.3.3.tgz#b3ce6ba258e72e6305ba66f5c9b452aaee3ffe37"
   integrity sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==
 
-typescript@5.8.3:
-  version "5.8.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.8.3.tgz#92f8a3e5e3cf497356f4178c34cd65a7f5e8440e"
-  integrity sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==
+typescript@5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"
+  integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
 
 typical@^4.0.0:
   version "4.0.0"