update Kit view to work with url params

src/pages/kit/KitList.vue

@@ -1,5 +1,9 @@
 <template>
-  <b-overlay :show="filteredNodes === undefined" class="kit-list" z-index="0">
+  <b-overlay
+    :show="filteredNodes === undefined"
+    class="kit-list"
+    z-index="0" spinner-variant="kit"
+  >
     <div class="kit-list-wrapper">
       <header class="kit-list-header">
         <div class="kit-list-header-intro" v-html="intro" />
@@ -12,7 +16,7 @@
           v-for="node in filteredNodes" :key="'kit-' + node.id"
           :node="node"
           mode="card"
-          @click.native.capture="$emit('open-node', node.id)"
+          @click.native.capture="openNode(node.id)"
         />
       </div>
     </div>
@@ -55,7 +59,14 @@ export default {
     }
   },
 
+  methods: {
+    openNode (id) {
+      this.$store.dispatch('OPEN_KIT_NODE', id)
+    }
+  },
+
   async created () {
+    this.$store.dispatch('INIT_KIT')
     this.$store.dispatch('QUERY_PAGE', 'kit').then(page => {
       this.intro = page.content
     })

src/pages/kit/KitView.vue

@@ -1,16 +1,25 @@
 <template>
-  <div class="kit-view">
+  <div class="kit-view bg-kit">
     <node-view
+      v-if="sheet"
       :node="sheet"
       mode="view"
       show-origin
-      @close-node="$emit('close-node', $event)"
-      @open-node="$emit('open-node', $event)"
+      @close-node="closeNode()"
+      @open-node="openLibrary"
+    />
+
+    <b-overlay
+      :show="!sheet"
+      spinner-variant="light"
+      no-wrap
     />
   </div>
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
+
 import { NodeView } from '@/components/nodes'
 
 
@@ -22,13 +31,34 @@ export default {
   },
 
   props: {
-    sheet: { type: Object, default: undefined }
+    id: { type: [Number, String], default: undefined }
+  },
+
+  computed: {
+    ...mapGetters(['sheet'])
+  },
+
+  methods: {
+    closeNode () {
+      this.$store.dispatch('CLOSE_KIT_NODE')
+    },
+
+    openLibrary (ids) {
+      this.$store.dispatch('OPEN_NODE', ids)
+    }
+  },
+
+  created () {
+    this.$store.dispatch('INIT_KIT_VIEW', parseInt(this.id))
   }
 }
 </script>
 
 <style lang="scss">
 .kit-view {
+  height: 100%;
+  width: 100%;
+
   .node-view {
     min-height: 100%;
     &-header-wrapper,