more work added.

navigation.php

@@ -16,7 +16,7 @@
     'Core' => [
         'Node Server' => 'node-server',
         'Context Menu' => 'context-menu',
-        'World' => 'world-map',
+        'World' => 'world',
         'Game Panes' => 'game-panes',
         'Actions' => 'Actions',
     ],

package.json

@@ -23,5 +23,9 @@
         "tailwindcss": "^0.7.2",
         "vue-template-compiler": "^2.5.21",
         "yargs": "^4.6.0"
+    },
+    "dependencies": {
+        "anchor-js": "^4.2.0",
+        "vue": "^2.5.22"
     }
 }

source/_assets/js/app.js

@@ -0,0 +1,7 @@
+window.Vue = require('vue');
+
+Vue.component('test', require('./components/test.vue'));
+
+const app = new Vue({
+  el: '#app'
+});

source/_assets/js/components/test.vue

@@ -0,0 +1,13 @@
+<template>
+	<div>Hello world.</div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+    	//
+    };
+  },
+};
+</script>

source/_layouts/documentation.blade.php

@@ -11,7 +11,7 @@
             @include('_nav.menu', ['items' => $page->navigation])
         </nav>
 
-          <div class="pt-8 pb-0 w-full mt-7">
+          <div id="app" v-cloak class="pt-8 pb-0 w-full mt-7">
             <div class="markdown mb-1 px-6 max-w-lg mx-auto pl-0 ml-0 lg:mr-auto xl:mx-0 xl:px-12 xl:w-3/4">
               <h1 class="page-title sm:text-lg md:text-5xl mb-0">{{ $page->title }}</h1>
               @if ($page->description)
@@ -20,11 +20,18 @@
                 </div>
               @endif
             </div>
+
+            {{-- Test Component --}}
+            <test></test>
+            {{-- End Test Component --}}
+
+
             <div class="flex">
               <div class="markdown xl:px-12 w-full max-w-lg mx-auto lg:ml-0 lg:mr-auto xl:mx-0 xl:w-3/4 documentation-page">
                 @yield('content')
               </div>
             </div>
+            <script src="/js/app.js"></script>
           </div>
     </div>
 </section>

source/assets/build/mix-manifest.json

@@ -1,4 +1,5 @@
 {
-    "/js/main.js": "/js/main.js?id=37adbce036b2e04cd0b9",
+    "/js/main.js": "/js/main.js?id=82aedf2bfe414313fdbd",
+    "/source/js/app.js": "/source/js/app.js?id=4aff93810a83f7c88a9f",
     "/css/main.css": "/css/main.css?id=c515db132c44b6aafe3e"
 }