From 869c0708bd351c7be44e5e430c348b19dd316db9 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 12 May 2025 15:04:41 +0200
Subject: [PATCH] fix(vue): make `useAppConfig` reactive

Resolves #3952

Co-Authored-By: Hugo Richard <hugo.richard@epitech.eu>
---
 src/runtime/vue/composables/useAppConfig.ts | 5 ++++-
 src/runtime/vue/stubs.ts                    | 3 +--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/runtime/vue/composables/useAppConfig.ts b/src/runtime/vue/composables/useAppConfig.ts
index a06491cf..27199fc9 100644
--- a/src/runtime/vue/composables/useAppConfig.ts
+++ b/src/runtime/vue/composables/useAppConfig.ts
@@ -1,3 +1,6 @@
+import { reactive } from 'vue'
 import appConfig from '#build/app.config'
 
-export const useAppConfig = () => appConfig
+const _appConfig = reactive(appConfig)
+
+export const useAppConfig = () => _appConfig
diff --git a/src/runtime/vue/stubs.ts b/src/runtime/vue/stubs.ts
index a2e35db4..24713b3b 100644
--- a/src/runtime/vue/stubs.ts
+++ b/src/runtime/vue/stubs.ts
@@ -9,6 +9,7 @@ import { useColorMode as useColorModeVueUse } from '@vueuse/core'
 export { useHead } from '@unhead/vue'
 export { useRoute, useRouter } from 'vue-router'
 
+export { useAppConfig } from './composables/useAppConfig'
 export { defineShortcuts } from '../composables/defineShortcuts'
 export { defineLocale } from '../composables/defineLocale'
 export { useLocale } from '../composables/useLocale'
@@ -30,8 +31,6 @@ export const useColorMode = () => {
   }
 }
 
-export const useAppConfig = () => appConfig
-
 export const useCookie = <T = string>(
   _name: string,
   _options: Record<string, any> = {}