nicer loader indicator

src/components/nav/HeaderMenu.vue

@@ -1,7 +1,8 @@
 <template>
   <nav id="header-menu">
-    <ul v-if="corpusLoaded">
-      <li><router-link to="/corpus">Corpus</router-link></li>
+    <!-- <span v-if="!corpusLoaded" class="loading">Loading ...</span> -->
+    <ul>
+      <li v-if="corpusLoaded"><router-link to="/corpus">Corpus</router-link></li>
       <li :class="{ opened: indexOpened }">
         <span
           @click.prevent="onClickIndex"

src/pages/Bibliographie.vue

@@ -1,7 +1,7 @@
 <template>
   <MainContentLayout id="biblio">
     <template v-if="!content" #header>
-      <span>Loading ...</span>
+      <span class="loading">Loading ...</span>
     </template>
     <template #header>
       <h1>

src/pages/Edition.vue

@@ -6,7 +6,7 @@
     @onCenterScrolled="onCenterScrolled"
   >
     <template v-if="!content" #header>
-      <span>Loading ...</span>
+      <span class="loading">Loading ...</span>
     </template>
     <template #header>
       <h1>

src/pages/IndexLocorum.vue

@@ -2,7 +2,7 @@
   <MainContentLayout id="index-locorum" class="index">
     <template v-slot:header>
       <h1>Lieux</h1>
-      <span v-if="!items.length">Loading ...</span>
+      <span v-if="!items.length" class="loading">Loading ...</span>
     </template>
 
     <ul v-if="items.length" class="item-list">

src/pages/IndexNominum.vue

@@ -2,7 +2,7 @@
   <MainContentLayout id="index-nominum" class="index">
     <template v-slot:header>
       <h1>Personnes</h1>
-      <span v-if="!items.length">Loading ...</span>
+      <span v-if="!items.length" class="loading">Loading ...</span>
     </template>
 
     <ul v-if="items.length" class="item-list">

src/pages/IndexOperum.vue

@@ -2,7 +2,7 @@
   <MainContentLayout id="index-operum" class="index">
     <template v-slot:header>
       <h1>Œuvres</h1>
-      <span v-if="!items.length">Loading ...</span>
+      <span v-if="!items.length" class="loading">Loading ...</span>
     </template>
 
     <ul v-if="items.length" class="item-list">

src/pages/ListCorpus.vue

@@ -2,7 +2,7 @@
   <MainContentLayout id="list-corpus">
     <template v-slot:header>
       <h1>Corpus</h1>
-      <span v-if="!editionslist.length">Loading ...</span>
+      <span v-if="!editionslist.length" class="loading">Loading ...</span>
     </template>
 
     <ul v-if="editionslist.length" class="item-list">