62 lines
1.4 KiB
Vue
62 lines
1.4 KiB
Vue
|
<template>
|
||
|
|
<div v-if="etape.etape_number">
|
||
|
|
<header>
|
||
|
|
<h1>{{etape.adresse.locality}}, {{ etape.adresse.postal_code }}</h1>
|
||
|
|
<h2>{{etape.title}}</h2>
|
||
|
|
<div>
|
||
|
|
<p>Étape n°{{etape.etape_number}}</p>
|
||
|
|
<p>Du {{etape.dates.value}} au {{ etape.dates.end_value }}</p>
|
||
|
|
</div>
|
||
|
|
<img :src="etape.vignette.url" :alt="etape.vignette.alt">
|
||
|
|
</header>
|
||
|
|
<main>
|
||
|
|
<div v-for="partie in etape.parties">
|
||
|
|
<h3 v-html="partie.title"></h3>
|
||
|
|
<p v-html="partie.text"></p>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!--
|
||
|
|
<div v-if="loading">Loading...</div>
|
||
|
|
<div v-if="error">{{ error }}</div>
|
||
|
|
-->
|
||
|
|
|
||
|
|
<div><pre>{{etape.href}}</pre></div>
|
||
|
|
|
||
|
|
|
||
|
|
<div><pre><b>GEOFIELD</b>{{etape.geofield}}</pre></div>
|
||
|
|
<div><pre><b>GALERIES</b>{{etape.galeries}}</pre></div>
|
||
|
|
<div><pre><b>PARTIES</b>{{etape.parties}}</pre></div>
|
||
|
|
<div><pre><b>SAISON</b>{{etape.saison}}</pre></div>
|
||
|
|
<div><pre><b>THEMATIQUES</b>{{etape.thematiques}}</pre></div>
|
||
|
|
|
||
|
|
|
||
|
|
<div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div v-if="page.title">
|
||
|
|
<header>
|
||
|
|
<h1>{{ page.title }}</h1>
|
||
|
|
</header>
|
||
|
|
<main>
|
||
|
|
<div v-html="page.text"></div>
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import { storeToRefs } from 'pinia';
|
||
|
|
import { useContentStore } from '../stores/content';
|
||
|
|
|
||
|
|
const store = useContentStore();
|
||
|
|
|
||
|
|
const {
|
||
|
|
loading, error,
|
||
|
|
etape,
|
||
|
|
page,
|
||
|
|
|
||
|
|
} = storeToRefs(store);
|
||
|
|
</script>
|