[{"data":1,"prerenderedAt":472},["ShallowReactive",2],{"navigation_docs":3,"-docs-demarrer-le-markdown":118,"-docs-demarrer-le-markdown-surround":467},[4,19,49,75,89],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":18},"Démarrer","i-lucide-rocket","\u002Fdocs\u002Fdemarrer","docs\u002F1.demarrer",[10,14],{"title":11,"path":12,"stem":13},"Première présentation","\u002Fdocs\u002Fdemarrer\u002Fpremiere-presentation","docs\u002F1.demarrer\u002F1.premiere-presentation",{"title":15,"path":16,"stem":17},"Le Markdown","\u002Fdocs\u002Fdemarrer\u002Fle-markdown","docs\u002F1.demarrer\u002F2.le-markdown",false,{"title":20,"icon":21,"path":22,"stem":23,"children":24,"page":18},"Écrire","i-lucide-pen-line","\u002Fdocs\u002Fecrire","docs\u002F2.ecrire",[25,29,33,37,41,45],{"title":26,"path":27,"stem":28},"La syntaxe","\u002Fdocs\u002Fecrire\u002Fsyntaxe","docs\u002F2.ecrire\u002F1.syntaxe",{"title":30,"path":31,"stem":32},"Les composants","\u002Fdocs\u002Fecrire\u002Fcomposants","docs\u002F2.ecrire\u002F2.composants",{"title":34,"path":35,"stem":36},"Story Storybook","\u002Fdocs\u002Fecrire\u002Fstory-storybook","docs\u002F2.ecrire\u002F3.story-storybook",{"title":38,"path":39,"stem":40},"Image et texte","\u002Fdocs\u002Fecrire\u002Fimage-a-cote-du-texte","docs\u002F2.ecrire\u002F4.image-a-cote-du-texte",{"title":42,"path":43,"stem":44},"Présenter et exporter","\u002Fdocs\u002Fecrire\u002Fpresenter","docs\u002F2.ecrire\u002F5.presenter",{"title":46,"path":47,"stem":48},"Écrire avec un agent","\u002Fdocs\u002Fecrire\u002Fecrire-avec-un-agent","docs\u002F2.ecrire\u002F6.ecrire-avec-un-agent",{"title":50,"icon":51,"path":52,"stem":53,"children":54,"page":18},"Studio","i-lucide-layout-grid","\u002Fdocs\u002Fstudio","docs\u002F3.studio",[55,59,63,67,71],{"title":56,"path":57,"stem":58},"Rôles et partage","\u002Fdocs\u002Fstudio\u002Froles-et-partage","docs\u002F3.studio\u002F1.roles-et-partage",{"title":60,"path":61,"stem":62},"Versions et brouillon","\u002Fdocs\u002Fstudio\u002Fversions-et-brouillon","docs\u002F3.studio\u002F2.versions-et-brouillon",{"title":64,"path":65,"stem":66},"Organiser le catalogue","\u002Fdocs\u002Fstudio\u002Forganiser-le-catalogue","docs\u002F3.studio\u002F3.organiser-le-catalogue",{"title":68,"path":69,"stem":70},"Jetons d'accès","\u002Fdocs\u002Fstudio\u002Fjetons-d-acces","docs\u002F3.studio\u002F4.jetons-d-acces",{"title":72,"path":73,"stem":74},"Problèmes fréquents","\u002Fdocs\u002Fstudio\u002Fproblemes-frequents","docs\u002F3.studio\u002F5.problemes-frequents",{"title":76,"icon":77,"path":78,"stem":79,"children":80,"page":18},"Thèmes","i-lucide-palette","\u002Fdocs\u002Fthemes","docs\u002F4.themes",[81,85],{"title":82,"path":83,"stem":84},"Thème DSFR","\u002Fdocs\u002Fthemes\u002Ftheme-dsfr","docs\u002F4.themes\u002F1.theme-dsfr",{"title":86,"path":87,"stem":88},"Thème d'équipe","\u002Fdocs\u002Fthemes\u002Ftheme-de-votre-equipe","docs\u002F4.themes\u002F2.theme-de-votre-equipe",{"title":90,"icon":91,"path":92,"stem":93,"children":94,"page":18},"Référence","i-lucide-book-open","\u002Fdocs\u002Freference","docs\u002F5.reference",[95,99,103,107,111,115],{"title":96,"path":97,"stem":98},"Module de rendu","\u002Fdocs\u002Freference\u002Fnuxt","docs\u002F5.reference\u002F1.nuxt",{"title":100,"path":101,"stem":102},"Composants de schéma","\u002Fdocs\u002Freference\u002Fschemas","docs\u002F5.reference\u002F2.schemas",{"title":104,"path":105,"stem":106},"Composants Storybook","\u002Fdocs\u002Freference\u002Fstorybook","docs\u002F5.reference\u002F3.storybook",{"title":108,"path":109,"stem":110},"Système de thèmes","\u002Fdocs\u002Freference\u002Ftheme-system","docs\u002F5.reference\u002F4.theme-system",{"title":112,"path":113,"stem":114},"Kit de thèmes","\u002Fdocs\u002Freference\u002Ftheme-kit","docs\u002F5.reference\u002F5.theme-kit",{"title":82,"path":116,"stem":117},"\u002Fdocs\u002Freference\u002Ftheme-dsfr","docs\u002F5.reference\u002F6.theme-dsfr",{"id":119,"title":15,"body":120,"description":462,"extension":463,"meta":464,"navigation":181,"path":16,"seo":465,"stem":17,"__hash__":466},"docs\u002Fdocs\u002F1.demarrer\u002F2.le-markdown.md",{"type":121,"value":122,"toc":455},"minimark",[123,136,139,144,151,201,222,226,236,298,302,311,387,391,398,432,439,443,446,451],[124,125,126,127,131,132,135],"p",{},"Une présentation Vignettes est un texte écrit en Markdown. Le Markdown est du texte ordinaire, où quelques signes donnent la mise en forme : un ",[128,129,130],"code",{},"#"," en début de ligne pour un titre, deux ",[128,133,134],{},"*"," autour d'un mot pour du gras. Vous tapez ces signes au clavier, et l'aperçu de l'éditeur affiche le résultat.",[124,137,138],{},"Chaque exemple de cette page montre une diapositive au-dessus du texte qui la produit.",[140,141,143],"h2",{"id":142},"un-titre-et-des-paragraphes","Un titre et des paragraphes",[124,145,146,147,150],{},"Une ligne qui commence par ",[128,148,149],{},"###"," et une espace donne le titre de la diapositive. Les lignes suivantes forment un paragraphe, et une ligne vide sépare deux paragraphes.",[152,153,154],"deck-example",{},[155,156,161],"pre",{"className":157,"code":158,"language":159,"meta":160,"style":160},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","### Ce qui est en ligne\n\nLa page d'accueil est en ligne depuis lundi.\n\nLe formulaire de contact suit la semaine prochaine.\n","mdc","",[128,162,163,176,183,190,195],{"__ignoreMap":160},[164,165,168,172],"span",{"class":166,"line":167},"line",1,[164,169,171],{"class":170},"sMK4o","### ",[164,173,175],{"class":174},"sBMFI","Ce qui est en ligne\n",[164,177,179],{"class":166,"line":178},2,[164,180,182],{"emptyLinePlaceholder":181},true,"\n",[164,184,186],{"class":166,"line":185},3,[164,187,189],{"class":188},"sTEyZ","La page d'accueil est en ligne depuis lundi.\n",[164,191,193],{"class":166,"line":192},4,[164,194,182],{"emptyLinePlaceholder":181},[164,196,198],{"class":166,"line":197},5,[164,199,200],{"class":188},"Le formulaire de contact suit la semaine prochaine.\n",[124,202,203,204,206,207,209,210,213,214,216,217,221],{},"Le nombre de ",[128,205,130],{}," donne le niveau du titre, et dans une présentation le niveau donne le rôle de la diapositive : ",[128,208,130],{}," pour la diapositive de titre, ",[128,211,212],{},"##"," pour une section, ",[128,215,149],{}," pour une diapositive de contenu. ",[218,219,26],"a",{"href":220},"\u002Fdocs\u002Fecrire\u002Fsyntaxe#d%C3%A9couper-les-diapositives"," décrit ces rôles.",[140,223,225],{"id":224},"une-liste","Une liste",[124,227,146,228,231,232,235],{},[128,229,230],{},"-"," et une espace est un élément d'une liste à puces. Une ligne qui commence par un nombre et un point, comme ",[128,233,234],{},"1.",", est un élément d'une liste numérotée.",[152,237,238],{},[155,239,241],{"className":157,"code":240,"language":159,"meta":160,"style":160},"### Les étapes\n\n- La page d'accueil\n- Le formulaire de contact\n\n1. Recueillir les besoins\n2. Tester avec cinq usagers\n3. Mettre en ligne\n",[128,242,243,250,254,261,268,272,280,289],{"__ignoreMap":160},[164,244,245,247],{"class":166,"line":167},[164,246,171],{"class":170},[164,248,249],{"class":174},"Les étapes\n",[164,251,252],{"class":166,"line":178},[164,253,182],{"emptyLinePlaceholder":181},[164,255,256,258],{"class":166,"line":185},[164,257,230],{"class":170},[164,259,260],{"class":188}," La page d'accueil\n",[164,262,263,265],{"class":166,"line":192},[164,264,230],{"class":170},[164,266,267],{"class":188}," Le formulaire de contact\n",[164,269,270],{"class":166,"line":197},[164,271,182],{"emptyLinePlaceholder":181},[164,273,275,277],{"class":166,"line":274},6,[164,276,234],{"class":170},[164,278,279],{"class":188}," Recueillir les besoins\n",[164,281,283,286],{"class":166,"line":282},7,[164,284,285],{"class":170},"2.",[164,287,288],{"class":188}," Tester avec cinq usagers\n",[164,290,292,295],{"class":166,"line":291},8,[164,293,294],{"class":170},"3.",[164,296,297],{"class":188}," Mettre en ligne\n",[140,299,301],{"id":300},"du-gras-de-litalique-et-un-lien","Du gras, de l'italique et un lien",[124,303,304,305,307,308,310],{},"Deux ",[128,306,134],{}," de chaque côté d'un mot le mettent en gras, un seul ",[128,309,134],{}," en italique. Pour un lien, vous écrivez son texte entre crochets, puis l'adresse entre parenthèses.",[152,312,313],{},[155,314,316],{"className":157,"code":315,"language":159,"meta":160,"style":160},"### Le suivi de la demande\n\nLa demande est **acceptée** depuis *mardi*.\n\nLe détail est sur [le site du service](https:\u002F\u002Fwww.service-public.fr).\n",[128,317,318,325,329,359,363],{"__ignoreMap":160},[164,319,320,322],{"class":166,"line":167},[164,321,171],{"class":170},[164,323,324],{"class":174},"Le suivi de la demande\n",[164,326,327],{"class":166,"line":178},[164,328,182],{"emptyLinePlaceholder":181},[164,330,331,334,338,342,344,347,350,354,356],{"class":166,"line":185},[164,332,333],{"class":188},"La demande est ",[164,335,337],{"class":336},"sHepR","**",[164,339,341],{"class":340},"so75L","acceptée",[164,343,337],{"class":336},[164,345,346],{"class":188}," depuis ",[164,348,134],{"class":349},"s7zQu",[164,351,353],{"class":352},"s5tWE","mardi",[164,355,134],{"class":349},[164,357,358],{"class":188},".\n",[164,360,361],{"class":166,"line":192},[164,362,182],{"emptyLinePlaceholder":181},[164,364,365,368,371,375,378,382,385],{"class":166,"line":197},[164,366,367],{"class":188},"Le détail est sur ",[164,369,370],{"class":170},"[",[164,372,374],{"class":373},"sfazB","le site du service",[164,376,377],{"class":170},"](",[164,379,381],{"class":380},"sQLHv","https:\u002F\u002Fwww.service-public.fr",[164,383,384],{"class":170},")",[164,386,358],{"class":188},[140,388,390],{"id":389},"une-image","Une image",[124,392,393,394,397],{},"Pour une image, vous écrivez un lien précédé d'un ",[128,395,396],{},"!",". Entre crochets, vous décrivez l'image pour les personnes qui ne la voient pas ; entre parenthèses, vous donnez l'adresse du fichier.",[152,399,400],{},[155,401,403],{"className":157,"code":402,"language":159,"meta":160,"style":160},"### Le parcours\n\n![Un paysage de montagnes, en illustration](\u002Fimages\u002Fplaceholder.svg)\n",[128,404,405,412,416],{"__ignoreMap":160},[164,406,407,409],{"class":166,"line":167},[164,408,171],{"class":170},[164,410,411],{"class":174},"Le parcours\n",[164,413,414],{"class":166,"line":178},[164,415,182],{"emptyLinePlaceholder":181},[164,417,418,421,424,426,429],{"class":166,"line":185},[164,419,420],{"class":170},"![",[164,422,423],{"class":373},"Un paysage de montagnes, en illustration",[164,425,377],{"class":170},[164,427,428],{"class":380},"\u002Fimages\u002Fplaceholder.svg",[164,430,431],{"class":170},")\n",[124,433,434,435,438],{},"Pour une image de votre ordinateur, collez-la ou glissez-la dans le texte : l'éditeur la téléverse et écrit son adresse. ",[218,436,437],{"href":39},"Placer une image à côté du texte"," décrit la suite.",[140,440,442],{"id":441},"pour-continuer","Pour continuer",[124,444,445],{},"Dans l'éditeur, la barre d'outils au-dessus du texte insère aussi ces signes : sélectionnez un mot, puis cliquez sur le bouton du gras, de la liste ou du lien.",[124,447,448,450],{},[218,449,26],{"href":27}," décrit ce que Vignettes ajoute au Markdown : l'en-tête de la présentation, le découpage en diapositives et les annotations.",[452,453,454],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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 .sHepR, html code.shiki .sHepR{--shiki-light:#39ADB5;--shiki-light-font-weight:bold;--shiki-default:#89DDFF;--shiki-default-font-weight:bold;--shiki-dark:#89DDFF;--shiki-dark-font-weight:bold}html pre.shiki code .so75L, html code.shiki .so75L{--shiki-light:#E53935;--shiki-light-font-weight:bold;--shiki-default:#F07178;--shiki-default-font-weight:bold;--shiki-dark:#F07178;--shiki-dark-font-weight:bold}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s5tWE, html code.shiki .s5tWE{--shiki-light:#E53935;--shiki-light-font-style:italic;--shiki-default:#F07178;--shiki-default-font-style:italic;--shiki-dark:#F07178;--shiki-dark-font-style:italic}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sQLHv, html code.shiki .sQLHv{--shiki-light:#90A4AE;--shiki-light-text-decoration:underline;--shiki-default:#EEFFFF;--shiki-default-text-decoration:underline;--shiki-dark:#BABED8;--shiki-dark-text-decoration:underline}",{"title":160,"searchDepth":178,"depth":178,"links":456},[457,458,459,460,461],{"id":142,"depth":178,"text":143},{"id":224,"depth":178,"text":225},{"id":300,"depth":178,"text":301},{"id":389,"depth":178,"text":390},{"id":441,"depth":178,"text":442},"Écrire un titre, un paragraphe, une liste, du gras, un lien et une image en Markdown, le format du texte d'une présentation.","md",{},{"title":15,"description":462},"P-V5yzrWkttEQOfRfr6joN___k35sm9nsKdG6PnnJvk",[468,470],{"title":11,"path":12,"stem":13,"description":469,"children":-1},"Écrire une présentation de trois diapositives dans le studio de votre équipe, la publier, envoyer son lien et la présenter avec vos notes.",{"title":26,"path":27,"stem":28,"description":471,"children":-1},"L'en-tête d'une présentation, le découpage en diapositives, les annotations et les mises en page.",1793478540548]