feat(content) add and use LineLink inline component #194
Conversation
| @@ -0,0 +1,21 @@ | |||
| <template> | |||
| <NuxtLink :to="`/voie-lyonnaise-${line}`" :style="`color: ${color}; text-decoration-color: ${color};`"> | |||
There was a problem hiding this comment.
j'ai remplacé la balise <a> par <NuxtLink>. J'essaye d'utiliser ça pour ce qui est lien interne, ça aide Nuxt à s'y retrouver quand il build ou crawl.
| line: { type: String, required: true } | ||
| }); | ||
|
|
||
| const color = getLineColor(Number(props.line)); |
There was a problem hiding this comment.
j'ai ajouté une composable qui permet de récupérer la couleur d'une ligne à partir de son numéro.
(composables/useColors.ts). ça évite d'utiliser Nuxt Content juste pour récupérer la couleur de la ligne :)
|
Top ! Merci pour les ajustements propres à Nuxt (framework que je découvre via ce projet). Aussi je vois que les semicolons font leur apparition ce qui confirme que les warnings de ESLint que j'avais choisi d'ignorer pour etre raccord avec les autres fichiers que j'avais pu lire étaient bien réels. 👍 Content que ça puisse etre mergé, dès que tu en as l'occasion. |
Et oui en effet, je commence à ajouter un peu de rigueur sur les règles eslint et le typage TS, mais jusqu'ici c'était très souple :D |
Bonjour
De nombreuses pages décrivant les voies lyonnaises mentionnent des intersection avec d'autres voies.
Ce commit introduit un nouveau composant
LineLinkqui peut être utilisé inline dans le contenu des markdowns afin d'obtenir des liens de la couleur de la ligne ciblée.Avant:
Après: