diff --git a/src/features/settings/views/SettingsView.vue b/src/features/settings/views/SettingsView.vue
index 2eedd46..19c15ba 100644
--- a/src/features/settings/views/SettingsView.vue
+++ b/src/features/settings/views/SettingsView.vue
@@ -17,9 +17,19 @@ limitations under the License.
 <script setup>
 import LeftSidebarLayout from '@/layouts/LeftSidebarLayout.vue';
 
+import { loadSettingsConfig } from '../utils/settingsParser';
+import { onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 const { t } = useI18n();
+
+const settingsLoaded = ref(false)
+const settings = ref([]);
+
+onMounted(async () => {
+    settings.value = (await loadSettingsConfig()).contents;
+    settingsLoaded.value = true;
+});
 </script>
 
 <template>
@@ -32,6 +42,11 @@ const { t } = useI18n();
         <LeftSidebarLayout class="layout">
             <template #sidebar>
             </template>
+            <div>
+                <div v-if="!settingsLoaded">
+                    {{ t('loading') }}
+                </div>
+            </div>
         </LeftSidebarLayout>
     </div>
 </template>
diff --git a/src/locales/de.json b/src/locales/de.json
index be40a43..9815a30 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -1,4 +1,5 @@
 {
+    "loading": "Laden ...",
     "search": {
         "searchBar": {
             "submit": "Suchen",
diff --git a/src/locales/en.json b/src/locales/en.json
index 1203149..8b4f3fd 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,4 +1,5 @@
 {
+    "loading": "Loading ...",
     "search": {
         "searchBar": {
             "submit": "Search",
diff --git a/src/locales/es.json b/src/locales/es.json
index 92cb08c..bce7381 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -1,4 +1,5 @@
 {
+    "loading": "Cargando ...",
     "search": {
         "searchBar": {
             "submit": "Buscar",
diff --git a/src/locales/fr.json b/src/locales/fr.json
index f57d9b1..b25ec6f 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -1,4 +1,5 @@
 {
+    "loading": "Chargement ...",
     "search": {
         "searchBar": {
             "submit": "Rechercher",
diff --git a/src/locales/it.json b/src/locales/it.json
index 5c1bdb9..c4a753a 100644
--- a/src/locales/it.json
+++ b/src/locales/it.json
@@ -1,4 +1,5 @@
 {
+    "loading": "Caricamento ...",
     "search": {
         "searchBar": {
             "submit": "Cerca",
diff --git a/src/locales/pt.json b/src/locales/pt.json
index 1c13356..c4813ef 100644
--- a/src/locales/pt.json
+++ b/src/locales/pt.json
@@ -1,4 +1,5 @@
 {
+    "loading": "A carregar ...",
     "search": {
         "searchBar": {
             "submit": "Pesquisar",