src/features/settings/views/SettingsView.vue

@@ -88,9 +88,12 @@ onMounted(async () => {
                 <div v-if="!settingsLoaded">
                     {{ t('loading') }}
                 </div>
-                <div v-else>
+                <div v-else-if="activeSection">
                     <SettingsPage :setting="activeSectionContent" :path="activeSection" />
                 </div>
+                <div v-else>
+                    {{ t('settings.noSectionSelected') }}
+                </div>
             </div>
         </LeftSidebarLayout>
     </div>

src/locales/de.json

@@ -54,6 +54,7 @@
             "link": {
                 "ariaLabel": "Geht zur Einstellungsseite {page}"
             }
-        }
+        },
+        "noSectionSelected": "Kein Einstellungsabschnitt ist ausgewählt."
     }
 }

src/locales/en.json

@@ -54,6 +54,7 @@
             "link": {
                 "ariaLabel": "Goes to settings page {page}"
             }
-        }
+        },
+        "noSectionSelected": "No settings section is selected."
     }
 }