chore: 🤖 Refactor content/* what break build at some routes

components/global/AppFooter.vue

@@ -30,13 +30,15 @@
             <NuxtLink to="/ligne-editoriale"> Ligne éditoriale </NuxtLink>
           </dd>
           <dd>
-            <NuxtLink to="/projets"> Projets </NuxtLink>
+            <NuxtLink to="/projects"> Projets </NuxtLink>
           </dd>
           <dd>
-            <NuxtLink to="/glossary"> Glossary </NuxtLink>
+            <NuxtLink to="/glossary" lang="en"> Glossary </NuxtLink>
           </dd>
           <dd>
-            <NuxtLink to="/code-review"> Code-Review notes </NuxtLink>
+            <NuxtLink to="/code-review" lang="en">
+              Code-Review&nbsp;notes
+            </NuxtLink>
           </dd>
         </dl>
       </div>

content/about.md

@@ -9,13 +9,27 @@ revising: true
 tags: []
 categories: []
 excerpt: ''
+coverImage:
+  src: ~/assets/content/blog/2013/02/renoir-boulanger-prensentant-web-in-2013-150x150.jpg
+  text: Sur scène durant ma présentation donnée au Web-In 2013 quelques mois avant le WAQ
 ---
 
-<h2>This is my about page</h2>
 
-<p><img class="pull-right alignnone size-medium wp-image-4933" alt="Sur scène durant ma présentation donnée au Web-In 2013 quelques mois avant le WAQ" src="/wp-content/uploads/2013/02/renoir-boulanger-prensentant-web-in-2013-e1364610846261-239x300.jpg" width="239" height="300" />  I had here old stuff, it's removed. I'll have to write something else.</p>
+<app-image figcaption=" " src="~/assets/content/blog/2013/02/renoir-boulanger-prensentant-web-in-2013-150x150.jpg">
+
+Allo?
+
+</app-image>
+
+<rb-notice-box variant="warn" class="my-5">
+  <strong slot="header">J’ai tout enlevé pour le moment</strong>
+
+J’avais quelque chose ici, que j’avais écris depuis longtemps —plus de 15 ans.
+Je reviendrai modifier ceci une fois que j’aurai terminé de migrer ce site et mon CV.
+
+</rb-notice-box>
+
 
-<p>Here is a photo of me while I was presenting at a conference.</p>
 
 <!--
 ## VERSION COURTE

content/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical-2.md

@@ -9,7 +9,7 @@ tags: []
 excerpt: ''
 ---
 
-<nuxt-link to="/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical">Cet article date de 2006, il avait été écrit avec un navigateur maintenant mort appelé Flock, qui permettait d'écrire des billets de blogue. Il semble qu'il y ait crée 5 articles avec le même contenu. Allez consulter l’article.</nuxt-link>
+<NuxtLink to="/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical">Cet article date de 2006, il avait été écrit avec un navigateur maintenant mort appelé Flock, qui permettait d'écrire des billets de blogue. Il semble qu'il y ait crée 5 articles avec le même contenu. Allez consulter l’article.</NuxtLink>
 
 <!--
 https://web.archive.org/web/20060916043739/http://www.flock.com/

content/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical-3.md

@@ -9,7 +9,7 @@ tags: []
 excerpt: ''
 ---
 
-<nuxt-link to="/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical">Cet article date de 2006, il avait été écrit avec un navigateur maintenant mort appelé Flock, qui permettait d'écrire des billets de blogue. Il semble qu'il y ait crée 5 articles avec le même contenu. Allez consulter l’article.</nuxt-link>
+<NuxtLink to="/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical">Cet article date de 2006, il avait été écrit avec un navigateur maintenant mort appelé Flock, qui permettait d'écrire des billets de blogue. Il semble qu'il y ait crée 5 articles avec le même contenu. Allez consulter l’article.</NuxtLink>
 
 <!--
 https://web.archive.org/web/20060916043739/http://www.flock.com/

content/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical-4.md

@@ -9,7 +9,7 @@ tags: []
 excerpt: ''
 ---
 
-<nuxt-link to="/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical">Cet article date de 2006, il avait été écrit avec un navigateur maintenant mort appelé Flock, qui permettait d'écrire des billets de blogue. Il semble qu'il y ait crée 5 articles avec le même contenu. Allez consulter l’article.</nuxt-link>
+<NuxtLink to="/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical">Cet article date de 2006, il avait été écrit avec un navigateur maintenant mort appelé Flock, qui permettait d'écrire des billets de blogue. Il semble qu'il y ait crée 5 articles avec le même contenu. Allez consulter l’article.</NuxtLink>
 
 <!--
 https://web.archive.org/web/20060916043739/http://www.flock.com/

content/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical-5.md

@@ -9,7 +9,7 @@ tags: []
 excerpt: ''
 ---
 
-<nuxt-link to="/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical">Cet article date de 2006, il avait été écrit avec un navigateur maintenant mort appelé Flock, qui permettait d'écrire des billets de blogue. Il semble qu'il y ait crée 5 articles avec le même contenu. Allez consulter l’article.</nuxt-link>
+<NuxtLink to="/blog/2006/12/installer-vmware-sur-ubuntu-server-avec-le-repositoire-de-canonical">Cet article date de 2006, il avait été écrit avec un navigateur maintenant mort appelé Flock, qui permettait d'écrire des billets de blogue. Il semble qu'il y ait crée 5 articles avec le même contenu. Allez consulter l’article.</NuxtLink>
 
 <!--
 https://web.archive.org/web/20060916043739/http://www.flock.com/

content/blog/2009/11/realisation-du-site-et-de-image-produit-de-beebox.md

@@ -4,7 +4,7 @@ locale: fr-CA
 created: 2009-11-28
 updated: 2013-03-27
 canonical: >-
-  https://renoirboulanger.com/blog/2009/11/realisation-du-site-et-de-limage-%c2%abbranding%c2%bb-de-beebox-2008/
+  https://renoirboulanger.com/blog/2009/11/realisation-du-site-et-de-limage-«branding»-de-beebox-2008/
 status: publish
 revising: true
 tags:

content/blog/2009/11/realisation-du-site-et-de-limage-%c2%abbranding%c2%bb-de-beebox-2008.md

@@ -5,5 +5,5 @@ redirect: realisation-du-site-et-de-image-produit-de-beebox
 status: publish
 ---
 
-<nuxt-link to="/blog/2009/11/realisation-du-site-et-de-image-produit-de-beeboxe">Déplacé</nuxt-link>
+<NuxtLink to="/blog/2009/11/realisation-du-site-et-de-image-produit-de-beebox">Déplacé</NuxtLink>
 

content/blog/2009/11/realisation-du-site-et-de-limage-«branding»-de-beebox-2008.md

@@ -0,0 +1,9 @@
+---
+title: Réalisation du site et de l’Image «branding» de Beebox [2008]
+locale: fr-CA
+redirect: realisation-du-site-et-de-image-produit-de-beebox
+status: publish
+---
+
+<NuxtLink to="/blog/2009/11/realisation-du-site-et-de-image-produit-de-beebox">Déplacé</NuxtLink>
+

content/blog/2010/01/le-defi-%c2%abproject52%c2%bb-un-billet-par-semaine-minimum.md

@@ -5,4 +5,4 @@ redirect: le-defi-project52-un-billet-par-semaine
 status: publish
 ---
 
-<nuxt-link to="/blog/2010/01/le-defi-project52-un-billet-par-semaine">Déplacé</nuxt-link>
+<NuxtLink to="/blog/2010/01/le-defi-project52-un-billet-par-semaine">Déplacé</NuxtLink>

content/blog/2010/01/le-defi-«project52»-un-billet-par-semaine-minimum.md

@@ -0,0 +1,8 @@
+---
+title: Le Défi «Project52» un billet par semaine (minimum)
+locale: fr-CA
+redirect: le-defi-project52-un-billet-par-semaine
+status: publish
+---
+
+<NuxtLink to="/blog/2010/01/le-defi-project52-un-billet-par-semaine">Déplacé</NuxtLink>

content/blog/2010/01/le-manifeste-open-cloud-pour-standardiser-linformatique-%c2%abdans-les-nuages%c2%bb.md

@@ -5,4 +5,4 @@ redirect: le-manifeste-open-cloud-pour-standardiser-info-nuagique
 status: publish
 ---
 
-<nuxt-link to="/blog/2010/01/le-manifeste-open-cloud-pour-standardiser-info-nuagique">Déplacé</nuxt-link>
+<NuxtLink to="/blog/2010/01/le-manifeste-open-cloud-pour-standardiser-info-nuagique">Déplacé</NuxtLink>

content/blog/2010/01/le-manifeste-open-cloud-pour-standardiser-linformatique-«dans-les-nuages».md

@@ -0,0 +1,8 @@
+---
+title: Le Manifeste "Open Cloud" pour standardiser l'informatique «dans les nuages»
+locale: fr-CA
+redirect: le-manifeste-open-cloud-pour-standardiser-info-nuagique
+status: publish
+---
+
+<NuxtLink to="/blog/2010/01/le-manifeste-open-cloud-pour-standardiser-info-nuagique">Déplacé</NuxtLink>

content/blog/2010/02/realisation-dune-application-dechange-de-cadeau-avec-red-lagence-le-%c2%abclub-echangiste%c2%bb-2009.md

@@ -7,4 +7,4 @@ redirect: realisation-dune-application-dechange-de-cadeau-avec-red-lagence
 status: publish
 ---
 
-<nuxt-link to="/blog/2010/02/realisation-dune-application-dechange-de-cadeau-avec-red-lagence">Déplacé</nuxt-link>
+<NuxtLink to="/blog/2010/02/realisation-dune-application-dechange-de-cadeau-avec-red-lagence">Déplacé</NuxtLink>

content/blog/2010/02/realisation-dune-application-dechange-de-cadeau-avec-red-lagence-le-«club-echangiste»-2009.md

@@ -0,0 +1,10 @@
+---
+title: >-
+  Réalisation d'une application d'échange de cadeau avec RED L'agence le «club
+  échangiste» [2009]
+locale: fr-CA
+redirect: realisation-dune-application-dechange-de-cadeau-avec-red-lagence
+status: publish
+---
+
+<NuxtLink to="/blog/2010/02/realisation-dune-application-dechange-de-cadeau-avec-red-lagence">Déplacé</NuxtLink>

content/blog/2010/09/realisation-site-manoir-saint-francis-faits-avec-geraniumcms-2007.md

@@ -0,0 +1,48 @@
+---
+title: Réalisation site Manoir Saint-Francis faits avec GéraniumCMS [2007]
+locale: fr-CA
+created: 2010-09-12
+updated: 2023-11-16
+canonical: >-
+  https://renoirboulanger.com/blog/2010/09/realisation-site-manoir-saint-francis-faits-avec-geraniumcms-2007/
+status: publish
+revising: true
+tags:
+  - css
+  - geranium
+  - html
+  - inexis
+  - php
+  - web
+categories:
+  - portfolio
+excerpt: ''
+coverImage:
+  src: ~/assets/content/blog/2010/08/screenshot_manoirstfrancis2-300x285.png
+  text: Une page du site du Manoir Saint-Francis avec images cartes généré par GéraniumCMS.
+  alt: Capture d’écran du site web pour le Manoir Saint-Francis
+---
+
+Dans ma série d'articles ou je parle des <a href="https://renoirboulanger.com/blog/category/portfolio/">sites que j'ai fait dans le passé</a>. J'ai mentionné quelques fois que <a href="https://renoirboulanger.com/blog/tag/GeraniumCMS/">j'utilisait GéraniumCMS</a>. Le projet du site du <a href="http://manoirstfrancis.com">Manoir Saint-Francis à Magog</a>, est l'un des derniers déployés.
+
+<p><strong>Derniers sites faits avec GéraniumCMS</strong></p>
+
+<p>J'était en emploi chez <a href="http://techsolcom.ca">TechSolCom Groupe informatique</a> depuis quelques temps déjà et un ancien client de Inexis a voulu que je fasse un site pour lui.</p>
+
+<p>Le contexte général du projet est comme il l'est souvent. Un graphiste me fournit des planches Photoshop et je dois le rendre identique en HTML.</p>
+
+---
+
+## Gallerie d'images
+
+<div style="overflow:hidden;clear:both">
+
+<app-image figcaption="Boutons mode édition" src="~/assets/content/blog/2010/08/screenshot_manoirstfrancis1_cms-150x150.png" data-larger-src="~/assets/content/blog/2010/08/screenshot_manoirstfrancis1_cms.png"></app-image>
+
+<app-image src="~/assets/content/blog/2010/08/screenshot_manoirstfrancis1-150x150.png" data-larger-src="~/assets/content/blog/2010/08/screenshot_manoirstfrancis1.png" figcaption="Page accueil"></app-image>
+
+<app-image src="~/assets/content/blog/2010/08/screenshot_manoirstfrancis2-150x150.png" data-larger-src="~/assets/content/blog/2010/08/screenshot_manoirstfrancis2.png" figcaption="Page avec images cartes"></app-image>
+
+<app-image src="~/assets/content/blog/2010/08/screenshot_manoirstfrancis3-150x150.png" data-larger-src="~/assets/content/blog/2010/08/screenshot_manoirstfrancis3.png" figcaption="Focus sur image"></app-image>
+
+</div>

content/blog/2020/09/porting-all-my-content.md

@@ -13,15 +13,16 @@ tags:
   - on-front-page
 ---
 
-[monorepo-related-alpha]:
-  https://github.com/renoirb/experiments-201908-rush-typescript-just-bili-monorepo
-  'TypeScript monorepo using Rush.js, with a few packages, some depending on each other, and tests'
-[monorepo-particles]:
-  https://gitlab.com/renoirb/renoirb-particles/
-  'Renoir’s particles'
-[archivator]: http://www.archivator.site/ 'Archivator project'
-[archivator-repo]: https://github.com/renoirb/archivator/tree/v3.x-dev
-[archivator-npmjs]: https://www.npmjs.com/package/archivator
+
+<rb-notice-box variant="info" class="my-5">
+  <strong slot="header">Actually...</strong>
+
+I started working on it a little bit before
+<abbr title="Shortened from Coronavirus disease 2019">COVID-19</abbr>
+pandemic and only would work on it 4 years later, around the end of my Full-Time Parenting period.
+
+</rb-notice-box>
+
 
 It’s been more than ten years that I haven't touched my site and I want to
 make-use of my skills working with Vue.js and modern Front End of the last years
@@ -31,8 +32,8 @@ So this is going to be a complete port of all my previous content, talk slides,
 experiments, posts, Twitter feed, examples, code bits all in a static site.
 
 It's still work in progress, at the moment `https://renoirb.github.io/site/` is
-the live version of my site that'll replace `https://renoirb.com/` and
-`https://renoirboulanger.com`.
+the live version of my site that'll replace what’s at
+`https://renoirboulanger.com` running with WordPress.
 
 I should piggy-back using my own public packages such as my [Monorepo related
 content][monorepo-related-alpha], [my "_Particles_" monorepo
@@ -85,3 +86,13 @@ Hello!
 
   </code-block>
 </code-group>
+
+[monorepo-related-alpha]:
+  https://github.com/renoirb/experiments-201908-rush-typescript-just-bili-monorepo
+  'TypeScript monorepo using Rush.js, with a few packages, some depending on each other, and tests'
+[monorepo-particles]:
+  https://gitlab.com/renoirb/renoirb-particles/
+  'Renoir’s particles'
+[archivator]: http://www.archivator.site/ 'Archivator project'
+[archivator-repo]: https://github.com/renoirb/archivator/tree/v3.x-dev
+[archivator-npmjs]: https://www.npmjs.com/package/archivator

content/blog/2024/03/managing-email-aliases-with-protonmail-and-simplelogin-to-sort-automatically-into-inbox-folders-based-local-part.md

@@ -7,4 +7,4 @@ redirect: managing-email-aliases-with-protonmail-automatic-sorting
 status: publish
 ---
 
-<nuxt-link to="/blog/2024/03/managing-email-aliases-with-protonmail-automatic-sorting">Moved</nuxt-link>
+<NuxtLink to="/blog/2024/03/managing-email-aliases-with-protonmail-automatic-sorting">Moved</NuxtLink>

content/blog/2024/03/managing-email-aliases-with-protonmail-automatic-sorting.md

@@ -13,6 +13,12 @@ categories:
 tags:
   - on-front-page
   - archiving
+keywords:
+  - ProtonPass
+  - SimpleLogin
+  - inbox
+  - Sieve mail filtering language rule
+description: Protect inbox against spam and phishing and sort automatically
 preamble:
   disable: true
   text:
@@ -53,8 +59,7 @@ of these aliases, I've developed a Sieve script that automatically sorts
 incoming emails into appropriate folders.
 
 
-<code-group>
-  <code-block label="Sieve" active>
+<code-block label="Sieve">
 
 ```sieve
 require ["include", "environment", "variables", "relational", "comparator-i;ascii-numeric", "spamtest"];
@@ -88,8 +93,7 @@ if address :matches :domain ["to", "cc", "bcc"] "alias.example.org" {
 }
 ```
 
-  </code-block>
-</code-group>
+</code-block>
 
 This Sieve script effectively sorts incoming emails based on their alias
 pattern. Emails with aliases like `[email protected]` or

layouts/blank.vue

@@ -1,9 +1,3 @@
 <template>
-  <div class="layouts--blank flex items-stretch justify-center mb-4">
-    <div
-      class="sm:self-start md:self-end lg:self-center xl:self-stretch self-auto px-4 py-2 m-2"
-    >
-      <nuxt />
-    </div>
-  </div>
+  <nuxt />
 </template>

layouts/nothing-around-stuff-in-middle.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="layouts--blank flex items-stretch justify-center mb-4">
+    <div
+      class="sm:self-start md:self-end lg:self-center xl:self-stretch self-auto px-4 py-2 m-2"
+    >
+      <nuxt />
+    </div>
+  </div>
+</template>

lib/index.ts

@@ -1,3 +1,4 @@
 export * from './consts'
 export * from './model'
 export * from './runtime'
+export type * from './types'

lib/model/content/model.ts

@@ -62,19 +62,22 @@ export interface IFrontMatterCallToAction {
 }
 
 export interface INuxtContentResult extends IBaseNuxtContentResult {
+  callToAction?: IFrontMatterCallToAction
   canonical?: string
-  preamble?: IFrontMatterPreambleInnerDocument
-  coverImage?: IFrontMatterCoverImageInnerDocument
   categories: string[]
   cover?: string
   coverAlt?: string
   coverCaption?: string
+  coverImage?: IFrontMatterCoverImageInnerDocument
   date: string
+  description?: string
+  keywords?: string[]
   locale: string
   oldArticle?: string
+  preamble?: IFrontMatterPreambleInnerDocument
+  redirect?: string
   tags: string[]
   title: string
-  callToAction?: IFrontMatterCallToAction
 }
 
 export type INuxtContentPrevNext = Pick<

lib/runtime/text-utils.ts

@@ -4,3 +4,16 @@
 export const trimText = (stringContents: TemplateStringsArray): string => {
   return stringContents.join(' ').replace(/[\n\s]/g, ' ')
 }
+
+let increment = 0
+
+export const sanitizeHtmlTagAttributeExpectingOneWord = (
+  input: string,
+  maxSuffixLength = 15,
+): string => {
+  return input
+    .toLocaleLowerCase()
+    .replace(/[\s\t\n]/g, '-')
+    .padEnd(maxSuffixLength, `${increment++}`)
+    .substring(0, maxSuffixLength)
+}