update PageView to display notes links + misc fixes

src/pages/Gallery.vue

@@ -28,7 +28,11 @@
 
     <side-view id="gallery-index" right>
       <template #default="{ hide }">
-        <div class="gallery-intro" v-html="intro" />
+        <page-view
+          v-if="intro"
+          :page="intro" no-close slug="intro"
+          class="small"
+        />
 
         <ul v-if="creations">
           <li v-for="crea in creations" :key="crea.id">
@@ -79,7 +83,7 @@
 import { mapGetters } from 'vuex'
 
 import { getRelation } from '@/store/utils'
-import { SideView } from '@/components/layouts'
+import { PageView, SideView } from '@/components/layouts'
 import { NodeViewTitle } from '@/components/nodes'
 import { GalleryView, GalleryMap } from '@/pages/gallery'
 
@@ -88,6 +92,7 @@ export default {
   name: 'Gallery',
 
   components: {
+    PageView,
     SideView,
     GalleryView,
     GalleryMap,
@@ -100,7 +105,7 @@ export default {
 
   data () {
     return {
-      intro: '',
+      intro: null,
       mapIsVisible: false
     }
   },
@@ -132,7 +137,7 @@ export default {
     }
     this.$store.dispatch('INIT_GALLERY', parseInt(this.id))
     this.$store.dispatch('QUERY_PAGE', 'gallery').then(page => {
-      this.intro = page.content
+      this.intro = page
     })
   }
 }

src/pages/_partials/MainHeader.vue

@@ -126,6 +126,7 @@ export default {
 
     .dropdown-menu {
       border: 0;
+      z-index: 1500;
 
       .dropdown-item {
         padding: .25rem $header-spacer-sm;

src/pages/kit/KitList.vue

@@ -6,7 +6,11 @@
   >
     <div class="kit-list-wrapper">
       <header class="kit-list-header">
-        <div class="kit-list-header-intro" v-html="intro" />
+        <page-view
+          v-if="intro"
+          :page="intro" no-close slug="intro"
+          class="small"
+        />
 
         <search-input v-model="search" class="input-search" />
       </header>
@@ -27,6 +31,7 @@
 import { mapGetters } from 'vuex'
 
 import { NodeView } from '@/components/nodes'
+import { PageView } from '@/components/layouts'
 import { SearchInput } from '@/components/formItems'
 import { searchInNode } from '@/store/utils'
 
@@ -36,6 +41,7 @@ export default {
 
   components: {
     NodeView,
+    PageView,
     SearchInput
   },
 
@@ -45,7 +51,7 @@ export default {
   data () {
     return {
       search: '',
-      intro: ''
+      intro: null
     }
   },
 
@@ -68,7 +74,7 @@ export default {
   async created () {
     this.$store.dispatch('INIT_KIT')
     this.$store.dispatch('QUERY_PAGE', 'kit').then(page => {
-      this.intro = page.content
+      this.intro = page
     })
   }
 }