HeadInput
interfaz Desde 1.2.0
Lo que una configuración, un layout, una página o un componente aporta al <head> del documento
y a los atributos de <html> y <body>. Lo reciben useHead, document.head de
meeko.config.ts y los módulos de Meeko.
import type { HeadInput } from "@meekojs/meeko/framework";Código fuente src/shared/head.ts:141
Declaración #
interface HeadInput {
title?: string
titleTemplate?: string | ((title: string) => string)
meta?: HeadMeta[]
link?: HeadLink[]
script?: HeadScript[]
style?: HeadStyle[]
htmlAttrs?: Record<string, string | undefined> & HeadEventAttributes
bodyAttrs?: Record<string, string | undefined> & HeadEventAttributes
}Ejemplo #
import type { HeadInput } from "@meekojs/meeko/framework";
const head: HeadInput = {
title: "Documentación",
titleTemplate: "%s · Meeko",
meta: [{ name: "description", content: "Guía del framework" }],
link: [{ rel: "canonical", href: "https://meeko.dev/docs" }],
htmlAttrs: { lang: "es" },
};Propiedades #
title
#
title?: stringTítulo del documento; gana el de más prioridad. Si el que gana es una cadena vacía, se
muestra el title de document.head, sin plantilla.
titleTemplate
#
titleTemplate?: string | ((title: string) => string)Plantilla del título: %s es el título, o una función que lo recibe. Se aplica al título de
layouts, páginas, useHead y el head de la ruta, nunca al title de document.head.
htmlAttrs
#
htmlAttrs?: Record<string, string | undefined> & HeadEventAttributesAtributos de <html>, como lang, dir, class o data-*; undefined no aporta nada. Un
manejador on* lanza en ejecución; desde 1.7, los de los eventos del DOM (onclick,
onload…) son además un error de tipos.
bodyAttrs
#
bodyAttrs?: Record<string, string | undefined> & HeadEventAttributesAtributos de <body>; undefined no aporta nada. Como en htmlAttrs, sin manejadores on*.