From 9a0d07b0f1cb099fe4b7bdd3e1021d8dc82de601 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Mon, 8 Mar 2021 16:03:57 +0100
Subject: [PATCH] add optional header part for options & add biblio view with
 mode as component

---
 src/App.vue                         | 13 ++++++++-----
 src/pages/Biblio.vue                | 27 +++++++++++++++++++++++++++
 src/pages/_partials/TextOptions.vue | 16 ++++++++++++++++
 src/router/routes.js                | 17 +++++++++++++++++
 4 files changed, 68 insertions(+), 5 deletions(-)
 create mode 100644 src/pages/Biblio.vue
 create mode 100644 src/pages/_partials/TextOptions.vue

diff --git a/src/App.vue b/src/App.vue
index e84b79a..2560274 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,18 +1,21 @@
 <template>
   <div id="app">
-    <!-- <header>
+    <header>
       <h1>
-        <router-link :to="{ name: 'home' }">En Français</router-link>
+        <router-link :to="{ name: 'home' }">
+          En Français
+        </router-link>
       </h1>
-    </header> -->
+      <router-view name="options" />
+    </header>
 
     <main id="main">
       <router-view />
     </main>
 
-    <!-- <footer>
+    <footer>
       <p>footer</p>
-    </footer> -->
+    </footer>
   </div>
 </template>
 
diff --git a/src/pages/Biblio.vue b/src/pages/Biblio.vue
new file mode 100644
index 0000000..17e2d1b
--- /dev/null
+++ b/src/pages/Biblio.vue
@@ -0,0 +1,27 @@
+<template>
+  <component-debug :component="this">
+    <component :is="mode" />
+  </component-debug>
+</template>
+
+<script>
+import { CardList, CardMap, TreeMap } from './biblio'
+
+
+export default {
+  name: 'Biblio',
+
+  components: {
+    CardList,
+    CardMap,
+    TreeMap
+  },
+
+  props: {
+    mode: { type: String, required: true }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/pages/_partials/TextOptions.vue b/src/pages/_partials/TextOptions.vue
new file mode 100644
index 0000000..dbf0076
--- /dev/null
+++ b/src/pages/_partials/TextOptions.vue
@@ -0,0 +1,16 @@
+<template>
+  <component-debug :component="this" v-if="show" />
+</template>
+
+<script>
+export default {
+  name: 'TextOptions',
+
+  props: {
+    show: { type: Boolean, default: true }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/router/routes.js b/src/router/routes.js
index f730f72..72d9850 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -8,6 +8,23 @@ export default [
     component: Home
   },
 
+  {
+    name: 'biblio',
+    path: '/biblio',
+    components: {
+      default: () => import(/* webpackChunkName: "texts" */ '@/pages/Biblio'),
+      options: () => import(/* webpackChunkName: "texts" */ '@/pages/_partials/TextOptions')
+    },
+    props: {
+      default: ({ query }) => ({
+        mode: query.mode || 'tree-map'
+      }),
+      options: ({ query }) => ({
+        show: !('texts' in query)
+      })
+    }
+  },
+
   {
     name: 'notfound',
     path: '/404',