create-vanjs/template-vike/src/util/applyMeta.js

🍦 Quick tool for scaffolding your first VanJS project

import { getPageMeta } from "./getPageMeta";

/** @typedef {import("../types/types.ts").PageContextCLIENT} PageContextCLIENT */

/**
 * @param {PageContextCLIENT} pageContext
 */
export const applyMeta = (pageContext) => {
  const title = getPageMeta(pageContext, "title");
  const description = getPageMeta(pageContext, "description");
  const tags = ["og:title", "description", "og:description"];

  document.title = title;
  tags.forEach((tagName) => {
    const tag = document.head.querySelector(`meta[name="${tagName}"]`);
    tag?.setAttribute(
      "content",
      tagName.endsWith("title") ? title : description,
    );
  });
};