✨ OpenGraph

app/pages/auth/authorize.vue

@@ -128,6 +128,10 @@ import IconDark from '~/assets/images/cloudy-lamb@dark.png'
 const route = useRoute()
 const api = useSolarNetwork()
 
+useHead({
+  title: "Authorize Application"
+})
+
 // State
 const isLoading = ref(true)
 const isAuthorizing = ref(false)

app/pages/auth/callback.vue

@@ -11,6 +11,10 @@
 </template>
 
 <script lang="ts" setup>
+useHead({
+  title: "Auth Completed"
+})
+
 definePageMeta({
   layout: "minimal"
 })

app/pages/auth/captcha.vue

@@ -36,6 +36,10 @@ import CaptchaWidget from "@/components/CaptchaWidget.vue"
 
 const route = useRoute()
 
+useHead({
+  title: "Captcha Verification"
+})
+
 const onCaptchaVerified = (token: string) => {
   if (window.parent !== window) {
     window.parent.postMessage(`captcha_tk=${token}`, "*")

app/pages/auth/create-account.vue

@@ -153,6 +153,10 @@ import IconDark from "~/assets/images/cloudy-lamb@dark.png"
 const router = useRouter()
 const api = useSolarNetwork()
 
+useHead({
+  title: "Create Account"
+})
+
 const stage = ref<"username-nick" | "email" | "password" | "captcha">(
   "username-nick"
 )

app/pages/auth/login.vue

@@ -11,6 +11,10 @@ import IconLight from "~/assets/images/cloudy-lamb.png"
 import IconDark from "~/assets/images/cloudy-lamb@dark.png"
 
 // State management
+useHead({
+  title: "Sign In"
+})
+
 const stage = ref<
   "find-account" | "select-factor" | "enter-code" | "token-exchange"
 >("find-account")