From 51891420d0e00d7f9db0980d3f3bebb8ecc039ca Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Fri, 22 Oct 2021 16:41:44 +0200
Subject: [PATCH] add view Page to display static pages && add routing

---
 src/App.vue          |  2 +-
 src/pages/Page.vue   | 51 ++++++++++++++++++++++++++++++++++++++++++++
 src/router/routes.js |  7 +++---
 3 files changed, 56 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/Page.vue

diff --git a/src/App.vue b/src/App.vue
index 32eb7aa..d8989dd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,7 +3,7 @@
     <main-header />
 
     <main id="main">
-      <router-view />
+      <router-view :key="$route.path" />
     </main>
 
     <nodes-history />
diff --git a/src/pages/Page.vue b/src/pages/Page.vue
new file mode 100644
index 0000000..61f5235
--- /dev/null
+++ b/src/pages/Page.vue
@@ -0,0 +1,51 @@
+<template>
+  <div class="static-page">
+    <b-overlay
+      :show="page === undefined"
+      z-index="0"
+    >
+      <page-view
+        v-if="page"
+        :page="page" slug="static"
+        @close="$router.push({ name: 'home' })"
+      />
+    </b-overlay>
+  </div>
+</template>
+
+<script>
+import { PageView } from '@/components/layouts'
+
+
+export default {
+  name: 'Page',
+
+  props: {
+    id: { type: Number, required: true }
+  },
+
+  components: {
+    PageView
+  },
+
+  data () {
+    return {
+      page: undefined
+    }
+  },
+
+  async created () {
+    this.page = await this.$store.dispatch('QUERY_PAGE_BY_ID', Number(this.id))
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.static-page {
+  min-height: 100%;
+
+  .b-overlay-wrap {
+    position: static !important;
+  }
+}
+</style>
diff --git a/src/router/routes.js b/src/router/routes.js
index 9b2c0cb..caddc70 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -59,9 +59,10 @@ export default [
   },
 
   {
-    name: 'blog',
-    path: '/blog',
-    component: () => import(/* webpackChunkName: "blog" */ '@/pages/Blog')
+    name: 'pages',
+    path: '/pages/:id',
+    props: true,
+    component: () => import(/* webpackChunkName: "blog" */ '@/pages/Page')
   },
 
   {