refactor(SettingsPage): remove dynamic key

Signed-off-by: Fernando Fernández <ferferga@hotmail.com>

Author: ferferga

frontend/src/components/Layout/SettingsPage.vue

@@ -1,12 +1,10 @@
 <template>
   <VContainer>
-    <VRow v-if="pageTitle">
+    <VRow v-if="$slots.title">
       <VCol>
         <VRow class="mt-4 mx-0 mb-2 justify-space-between">
           <h2 class="text-h4">
-            <!-- We're sure that we're using correct keys at the type level -->
-            <!-- eslint-disable-next-line @intlify/vue-i18n/no-dynamic-keys -->
-            {{ $t(pageTitle) }}
+            <slot name="title" />
           </h2>
           <div>
             <slot name="actions" />
@@ -19,9 +17,3 @@
     </VRow>
   </VContainer>
 </template>
-
-<script setup lang="ts">
-import type { messages } from 'vue-i18n';
-
-defineProps<{ pageTitle?: keyof messages }>();
-</script>

frontend/src/pages/settings/apikeys.vue

@@ -1,5 +1,8 @@
 <template>
-  <SettingsPage page-title="apiKeys">
+  <SettingsPage>
+    <template #title>
+      {{ t('apiKeys') }}
+    </template>
     <template #actions>
       <VBtn
         color="primary"

frontend/src/pages/settings/devices.vue

@@ -1,5 +1,8 @@
 <template>
-  <SettingsPage page-title="devices">
+  <SettingsPage>
+    <template #title>
+      {{ t('devices') }}
+    </template>
     <template #actions>
       <VBtn
         v-if="devices.length"

frontend/src/pages/settings/logs-and-activity.vue

@@ -1,5 +1,8 @@
 <template>
-  <SettingsPage page-title="logs">
+  <SettingsPage>
+    <template #title>
+      {{ t('logsAndActivity') }}
+    </template>
     <template #content>
       <VCol
         md="6"

frontend/src/pages/settings/users/[id].vue

@@ -1,5 +1,8 @@
 <template>
-  <SettingsPage page-title="users">
+  <SettingsPage>
+    <template #title>
+      {{ t('users') }}
+    </template>
     <template #actions>
       <VBtn
         variant="elevated"

frontend/src/pages/settings/users/index.vue

@@ -1,5 +1,8 @@
 <template>
-  <SettingsPage page-title="newUser">
+  <SettingsPage>
+    <template #title>
+      {{ t('users') }}
+    </template>
     <template #actions>
       <VBtn
         color="primary"

frontend/src/pages/settings/users/new.vue

@@ -1,5 +1,8 @@
 <template>
-  <SettingsPage page-title="newUser">
+  <SettingsPage>
+    <template #title>
+      {{ t('newUser') }}
+    </template>
     <template #actions>
       <VBtn
         variant="elevated"