diff --git a/composables/useApiBase.ts b/composables/useApiBase.ts
index f2dad2d..6bc31e0 100644
--- a/composables/useApiBase.ts
+++ b/composables/useApiBase.ts
@@ -1 +1 @@
-export const useApiBase = () => useRuntimeConfig().public.API_BASE;
+export const useApiBase = () => useRuntimeConfig().public.apiBase;
diff --git a/nuxt.config.ts b/nuxt.config.ts
index f93c2ea..15715cd 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -17,8 +17,8 @@ export default defineNuxtConfig({
   vite: { plugins: [tailwindcss()] },
   runtimeConfig: {
     public: {
-      API_BASE: "",
-      IS_UPLOAD_ACTIVE: "",
+      apiBase: "",
+      isUploadActive: "",
     },
   },
   primevue: {
diff --git a/pages/index.vue b/pages/index.vue
index ac28009..cece792 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -40,7 +40,7 @@ cardStore.fetchCollections();
 
 const activeItem = ref();
 const isUploadActive = computed(() =>
-  config.public.IS_UPLOAD_ACTIVE === "true" ? true : false,
+  config.public.isUploadActive === "true" ? true : false,
 );
 
 const play = (collection: string) => {