feat: better graphql pages titles

Akryum · Jan 2, 2024 · 712e836 · 712e836
1 parent 66f4378
commit 712e836
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/packages/app/pages/graphql.vue b/packages/app/pages/graphql.vue
@@ -6,14 +6,14 @@ useSaveRoute({
     name: 'graphql-schema',
   },
 })
+
+useHead({
+  titleTemplate: title => title ? `GraphQL ${title}` : 'GraphQL',
+})
 </script>
 
 <template>
   <div class="flex divide-x divide-gray-300 dark:divide-gray-700">
-    <Head>
-      <Title>GraphQL</Title>
-    </Head>
-
     <UVerticalNavigation
       :links="[
         {

diff --git a/packages/app/pages/graphql/playground.vue b/packages/app/pages/graphql/playground.vue
@@ -3,6 +3,10 @@ const { data, refresh } = await useFetch('/api/server')
 onWindowFocus(refresh)
 
 const graphqlServer = computed(() => data.value?.routeInfos.find(item => item.type === 'graphql'))
+
+useHead({
+  title: 'Playground',
+})
 </script>
 
 <template>

diff --git a/packages/app/pages/graphql/schema.vue b/packages/app/pages/graphql/schema.vue
@@ -1,6 +1,10 @@
 <script lang="ts" setup>
 const { data, error, refresh } = await useFetch('/api/graphql/schema/inspect')
 onWindowFocus(refresh)
+
+useHead({
+  title: 'Schema',
+})
 </script>
 
 <template>