[Closes #12] Added title and other SEO fields
All checks were successful
Production Build and Deploy / Build (push) Successful in 1m14s
Production Build and Deploy / Deploy (push) Successful in 21s

This commit is contained in:
Liviu Burcusel 2026-01-12 17:01:51 +01:00
parent a1708317ec
commit 845f830ab3
Signed by: liviu
GPG key ID: 6CDB37A4AD2C610C
7 changed files with 56 additions and 9 deletions

View file

@ -1,9 +1,19 @@
<script setup lang="ts">
import { useRuntimeConfig, useSeoMeta } from "#app";
import { useBreadcrumbStore } from "~/stores/breadcrumbs";
import SignupForm from "@/components/SignupForm.vue";
const breadcrumbStore = useBreadcrumbStore();
breadcrumbStore.setBreadcrumbs([{ label: "Auth" }, { label: "Create Account", to: "/auth/create-account" }]);
const config = useRuntimeConfig();
useSeoMeta({
title: "Glowing Fiesta - Create Account",
ogTitle: "Glowing Fiesta - Create Account",
description: "This is the create account page of a very nice all-purpose application",
ogDescription: "This is the create account page of a very nice all-purpose application",
ogImage: config.public.hostUrl + "/images/human.png",
});
</script>
<template>

View file

@ -1,9 +1,19 @@
<script setup lang="ts">
import { useRuntimeConfig, useSeoMeta } from "#app";
import { useBreadcrumbStore } from "~/stores/breadcrumbs";
import LoginForm from "~/components/LoginForm.vue";
const config = useRuntimeConfig();
const breadcrumbStore = useBreadcrumbStore();
breadcrumbStore.setBreadcrumbs([{ label: "Auth" }, { label: "Login", to: "/auth/login" }]);
useSeoMeta({
title: "Glowing Fiesta - Login",
ogTitle: "Glowing Fiesta - Login",
description: "This is the login page of a very nice all-purpose application",
ogDescription: "This is the login page of a very nice all-purpose application",
ogImage: config.public.hostUrl + "/images/human.png",
});
</script>
<template>

View file

@ -1,4 +1,5 @@
<script setup lang="ts">
import { useRuntimeConfig, useSeoMeta } from "#app";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Field, FieldDescription } from "@/components/ui/field";
@ -11,6 +12,15 @@ await authStore.init();
const breadcrumbStore = useBreadcrumbStore();
breadcrumbStore.setBreadcrumbs([{ label: "Auth" }, { label: "Logout", to: "/auth/logout" }]);
const config = useRuntimeConfig();
useSeoMeta({
title: "Glowing Fiesta - Logout",
ogTitle: "Glowing Fiesta - Logout",
description: "This is the logout page of a very nice all-purpose application",
ogDescription: "This is the logout page of a very nice all-purpose application",
ogImage: config.public.hostUrl + "/images/human.png",
});
</script>
<template>

View file

@ -3,6 +3,10 @@ import { ref } from "vue";
import { useBreadcrumbStore } from "~/stores/breadcrumbs";
import { Button } from "@/components/ui/button";
import { useRuntimeConfig, useSeoMeta } from "#app";
const config = useRuntimeConfig();
const lastClicked = ref<string>("None");
const buttonClicked = (variant: string) => {
@ -11,6 +15,14 @@ const buttonClicked = (variant: string) => {
const breadcrumbStore = useBreadcrumbStore();
breadcrumbStore.setBreadcrumbs([{ label: "Homepage", to: "/" }]);
useSeoMeta({
title: "Glowing Fiesta - Homepage",
ogTitle: "Glowing Fiesta - Homepage",
description: "This is the homepage of a very nice all-purpose application",
ogDescription: "This is the homepage of a very nice all-purpose application",
ogImage: config.public.hostUrl + "/images/human.png",
});
</script>
<template>