diff --git a/components/navigation/menu/Sidebar.vue b/components/navigation/menu/Sidebar.vue index 4ae86a572a6e3b7c9b0378a10b02cf55bbcbde4b..a589bd8a0268d61021e94a76da0aa07cef56fb67 100644 --- a/components/navigation/menu/Sidebar.vue +++ b/components/navigation/menu/Sidebar.vue @@ -1,16 +1,18 @@ <template> <aside class="menu shadow position-fixed"> - <div class="nav_header pb-3 mb-4"> + <div class="nav_header pb-3"> <nuxt-link :to="localePath('/')" class="d-flex"> <img :src="$icon(512)" alt="Accueil" class="logo" /> <div> - <h1 class="h2">Wotwizard</h1> + <h1 class="h3"> + Wotwizard <small><span class="small">v0.10</span></small> + </h1> <small class="text-muted">{{ $t("slogan") }}</small> </div> </nuxt-link> - <div - class="d-flex text-info justify-content-between align-items-baseline mt-3 mx-2"> - <div class="">v0.09</div> + <div class="text-info small mt-2">API graphQL v{{ version }}</div> + + <div class="text-info"> <div class="small" v-if="countMax"> {{ $t("bloc.title") }} n°<span class="font-weight-bold">{{ countMax.number @@ -39,6 +41,7 @@ <script> import { LAST_BLOCK } from "@/graphql/queries.js" +import { VERSION } from "@/graphql/queries.js" export default { props: { @@ -51,10 +54,10 @@ export default { }, apollo: { countMax: { - query: LAST_BLOCK, - error(err) { - this.error = err.message - } + query: LAST_BLOCK + }, + version: { + query: VERSION } } } diff --git a/graphql/queries.js b/graphql/queries.js index 23b18958db315c1189b5386306d02b18b2127452..4de0b1d44ccb89846b9e28ffd30d40481fe5bb6c 100644 --- a/graphql/queries.js +++ b/graphql/queries.js @@ -1,5 +1,11 @@ import gql from "graphql-tag" +export const VERSION = gql` + query Version { + version + } +` + // Pour la sidebar export const LAST_BLOCK = gql` query LastBlock {