app.config.ts

@@ -0,0 +1,5 @@
+export default defineAppConfig({
+	title: "Gorb",
+    buildTimeString: new Date().toISOString(),
+    gitHash: process.env.GIT_SHORT_REV || "N/A"
+})

nuxt.config.ts

@@ -27,9 +27,7 @@ export default defineNuxtConfig({
   runtimeConfig: {
     public: {
       apiVersion: 1,
-      messageGroupingMaxDifference: 300000,
+      messageGroupingMaxDifference: 300000
-      buildTimeString: new Date().toISOString(),
-      gitHash: process.env.GIT_SHORT_REV || "N/A",
     }
   },
   /* nitro: {

pages/settings.vue

@@ -24,9 +24,9 @@
           </p>
           
           <p style="font-size: .8em; color: var(--secondary-text-color)">
-            Version Hash: {{ appConfig.public.gitHash }}
+            Version Hash: {{ appConfig.gitHash }}
             <br>
-            Build Time: {{ appConfig.public.buildTimeString }}
+            Build Time: {{ appConfig.buildTimeString }}
           </p>
 
         </ul>
@@ -44,7 +44,7 @@ import Button from '~/components/Button.vue';
 
 const { logout } = useAuth()
 
-const appConfig = useRuntimeConfig()
+const appConfig = useAppConfig()
 
 interface Page {
   displayName: string;