Add routing

Index.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="columns">
+    <div class="column is-half">
+      <div class="content">
+        <b-notification type="is-warning" has-icon>
+          This is the raid guide core.
+        </b-notification>
+      </div>
+      <div>
+        <router-link :to="{name: 'vale-guardian'}">Vale Guardian Guide</router-link>
+      </div>
+      <div>
+        <router-link :to="{name: 'gorseval'}">Gorseval Guide</router-link>
+      </div>
+    </div>
+    <div class="column is-half">
+      <div class="content">
+        <b-notification type="is-warning" has-icon>
+          This is the raid guide core.
+        </b-notification>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RaidGuideIndex"
+}
+</script>
+
+<style scoped>
+
+</style>

RaidGuides.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="container">
+    <h1 class="title">
+      Guild Wars 2 raid guides for Skritt
+    </h1>
+    <router-view />
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "RaidGuides"
+  }
+</script>
+
+<style scoped>
+
+</style>

routes.js

@@ -0,0 +1,19 @@
+export default {
+    routes: [
+        {
+            path: '',
+            name: 'raid-guide-index',
+            component: () => import('./Index.vue'),
+        },
+        {
+            path: 'w1/vale-guardian',
+            name: 'vale-guardian',
+            component: () => import('./w1/ValeGuardian.vue'),
+        },
+        {
+            path: 'w1/gorseval',
+            name: 'gorseval',
+            component: () => import('./w1/Gorseval.vue'),
+        },
+    ]
+}

w1/Gorseval.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    This is a great guide for Gorseval.
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Gorseval"
+}
+</script>
+
+<style scoped>
+
+</style>

w1/ValeGuardian.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    This is a great guide for Vale Guardian.
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ValeGuardian"
+}
+</script>
+
+<style scoped>
+
+</style>