djledda-web/app/useHead.ts

import { watchEffect, toValue, type MaybeRefOrGetter } from 'vue';
import useDJSSRContext from "@/useDJSSRContext.ts";

export default function useHead(params: {
    title: MaybeRefOrGetter<string>,
}) {
    const context = useDJSSRContext();

    if (context) {
        context.head.title = params.title;
    } else {
        watchEffect(() => {
            const newTitle = toValue(params.title);
            if (newTitle) {
                document.title = newTitle;
            }
        });
    }
}