[{"data":1,"prerenderedAt":430},["ShallowReactive",2],{"content-ja-\u002Fsyntax\u002Ffront-matter":3},{"id":4,"title":5,"body":6,"description":423,"extension":424,"meta":425,"navigation":62,"path":426,"seo":427,"stem":428,"__hash__":429},"content_ja\u002Fsyntax\u002Ffront-matter.md","Front matter",{"type":7,"value":8,"toc":412},"minimark",[9,13,22,81,85,107,110,124,127,138,142,145,228,299,307,311,352,355,362,377,380,393,396,408],[10,11,5],"h1",{"id":12},"front-matter",[14,15,16,17,21],"p",{},"ファイル先頭の ",[18,19,20],"strong",{},"YAML"," ブロックです。ドキュメントのメタデータや、component の props 契約として使います。",[23,24,29],"pre",{"className":25,"code":26,"language":27,"meta":28,"style":28},"language-markdown shiki shiki-themes github-light github-dark","---\ntitle: My Page\nauthor: Alice\n---\n\n# {{ title }}\n\nWritten by {{ author }}.\n","markdown","",[30,31,32,40,46,52,57,64,70,75],"code",{"__ignoreMap":28},[33,34,37],"span",{"class":35,"line":36},"line",1,[33,38,39],{},"---\n",[33,41,43],{"class":35,"line":42},2,[33,44,45],{},"title: My Page\n",[33,47,49],{"class":35,"line":48},3,[33,50,51],{},"author: Alice\n",[33,53,55],{"class":35,"line":54},4,[33,56,39],{},[33,58,60],{"class":35,"line":59},5,[33,61,63],{"emptyLinePlaceholder":62},true,"\n",[33,65,67],{"class":35,"line":66},6,[33,68,69],{},"# {{ title }}\n",[33,71,73],{"class":35,"line":72},7,[33,74,63],{"emptyLinePlaceholder":62},[33,76,78],{"class":35,"line":77},8,[33,79,80],{},"Written by {{ author }}.\n",[82,83,84],"h2",{"id":84},"役割",[86,87,88,95],"ol",{},[89,90,91,94],"li",{},[18,92,93],{},"ドキュメントのメタデータ"," — レンダリング開始時にテンプレート変数へ注入される初期値",[89,96,97,100,101,106],{},[18,98,99],{},"component の props 契約"," — 型・必須・デフォルトを定義（",[102,103,105],"a",{"href":104},"\u002Fja\u002Fsyntax\u002Fincludes","include と component","）",[82,108,109],{"id":109},"出力時の扱い",[14,111,112,115,116,119,120,123],{},[18,113,114],{},"デフォルト","では、レンダリング後の Markdown から front matter は ",[18,117,118],{},"除去","されます。残したい場合は ",[30,121,122],{},"preserveFrontMatter: true"," を指定します。",[82,125,126],{"id":126},"サイズ制限",[14,128,129,130,133,134,137],{},"front matter のソースは ",[18,131,132],{},"最大 64 KB"," です。超過すると ",[30,135,136],{},"frontmatter_too_large"," エラーで中断します。",[82,139,141],{"id":140},"props-契約component-用","props 契約（component 用）",[14,143,144],{},"component ファイルでは、front matter で props を定義します。",[23,146,150],{"className":147,"code":148,"language":149,"meta":28,"style":28},"language-yaml shiki shiki-themes github-light github-dark","---\nprops:\n  name:\n    type: string\n    isRequired: true\n    default: \"Ethan Hunt\"\n  age:\n    type: number\n---\n","yaml",[30,151,152,157,167,174,186,197,207,214,223],{"__ignoreMap":28},[33,153,154],{"class":35,"line":36},[33,155,39],{"class":156},"sScJk",[33,158,159,163],{"class":35,"line":42},[33,160,162],{"class":161},"s9eBZ","props",[33,164,166],{"class":165},"sVt8B",":\n",[33,168,169,172],{"class":35,"line":48},[33,170,171],{"class":161},"  name",[33,173,166],{"class":165},[33,175,176,179,182],{"class":35,"line":54},[33,177,178],{"class":161},"    type",[33,180,181],{"class":165},": ",[33,183,185],{"class":184},"sZZnC","string\n",[33,187,188,191,193],{"class":35,"line":59},[33,189,190],{"class":161},"    isRequired",[33,192,181],{"class":165},[33,194,196],{"class":195},"sj4cs","true\n",[33,198,199,202,204],{"class":35,"line":66},[33,200,201],{"class":161},"    default",[33,203,181],{"class":165},[33,205,206],{"class":184},"\"Ethan Hunt\"\n",[33,208,209,212],{"class":35,"line":72},[33,210,211],{"class":161},"  age",[33,213,166],{"class":165},[33,215,216,218,220],{"class":35,"line":77},[33,217,178],{"class":161},[33,219,181],{"class":165},[33,221,222],{"class":184},"number\n",[33,224,226],{"class":35,"line":225},9,[33,227,39],{"class":156},[229,230,231,244],"table",{},[232,233,234],"thead",{},[235,236,237,241],"tr",{},[238,239,240],"th",{},"フィールド",[238,242,243],{},"説明",[245,246,247,273,289],"tbody",{},[235,248,249,255],{},[250,251,252],"td",{},[30,253,254],{},"type",[250,256,257,260,261,260,264,260,267,260,270],{},[30,258,259],{},"string"," \u002F ",[30,262,263],{},"number",[30,265,266],{},"boolean",[30,268,269],{},"object",[30,271,272],{},"array",[235,274,275,280],{},[250,276,277],{},[30,278,279],{},"isRequired",[250,281,282,285,286,106],{},[30,283,284],{},"true"," のとき必須。欠落時は警告（値は ",[30,287,288],{},"undefined",[235,290,291,296],{},[250,292,293],{},[30,294,295],{},"default",[250,297,298],{},"未指定時の初期値",[14,300,301,303,304,306],{},[30,302,254],{}," を省略すると、渡された値や ",[30,305,295],{}," から推論します。",[308,309,310],"h3",{"id":310},"実行時の挙動",[229,312,313,323],{},[232,314,315],{},[235,316,317,320],{},[238,318,319],{},"状況",[238,321,322],{},"挙動",[245,324,325,335,344],{},[235,326,327,330],{},[250,328,329],{},"型不一致",[250,331,332,333],{},"警告 + 値は ",[30,334,288],{},[235,336,337,340],{},[250,338,339],{},"必須 props の欠落",[250,341,332,342],{},[30,343,288],{},[235,345,346,349],{},[250,347,348],{},"未知の props キー",[250,350,351],{},"警告して無視",[82,353,354],{"id":354},"変数の優先順位",[14,356,357,358,361],{},"固定の優先順位はありません。",[18,359,360],{},"適用・呼び出し順に束縛し、あとから同名が来たら上書き","します。",[86,363,364,371,374],{},[89,365,366,367,370],{},"API の ",[30,368,369],{},"context"," が先に入る",[89,372,373],{},"ファイルの front matter が後から適用されれば上書き",[89,375,376],{},"component 呼び出しの props がさらに後なら、component 内ではそれが勝つ",[82,378,379],{"id":379},"注意",[381,382,383,386],"ul",{},[89,384,385],{},"秘密情報を front matter に書かないこと（運用上の推奨）",[89,387,388,389,392],{},"front matter は ",[18,390,391],{},"YAML のみ","対応",[82,394,395],{"id":395},"関連",[381,397,398,402],{},[89,399,400],{},[102,401,105],{"href":104},[89,403,404],{},[102,405,407],{"href":406},"\u002Fja\u002Fsyntax\u002Fexpressions","式と変数展開",[409,410,411],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":28,"searchDepth":42,"depth":42,"links":413},[414,415,416,417,420,421,422],{"id":84,"depth":42,"text":84},{"id":109,"depth":42,"text":109},{"id":126,"depth":42,"text":126},{"id":140,"depth":42,"text":141,"children":418},[419],{"id":310,"depth":48,"text":310},{"id":354,"depth":42,"text":354},{"id":379,"depth":42,"text":379},{"id":395,"depth":42,"text":395},"YAML front matter と component の props 契約","md",{},"\u002Fsyntax\u002Ffront-matter",{"title":5,"description":423},"syntax\u002Ffront-matter","5nQ_vXwGHfjDKETs8vLZY2eFSXafShqBzuhkOYbGc70",1787223114829]