Added frontend boilerplate...

7 files changed, 87 insertions, 0 deletions

diff --git a/client/src/App.vue b/client/src/App.vue
new file mode 100644
index 0000000..bb73759
--- /dev/null
+++ b/client/src/App.vue
@@ -0,0 +1,9 @@
+<template>
+  <div id="nav">
+    <router-link to="/">Home</router-link>
+    <router-link to="/example">Example</router-link>
+  </div>
+  <router-view/>
+</template>
+
+<style lang="scss"></style>
diff --git a/client/src/components/ExampleComponent.vue b/client/src/components/ExampleComponent.vue
new file mode 100644
index 0000000..5e207f9
--- /dev/null
+++ b/client/src/components/ExampleComponent.vue
@@ -0,0 +1,14 @@
+<template>
+  <div>
+    <p v-text="msg"></p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ExampleComponent',
+  props: {
+    msg: String
+  }
+}
+</script>
diff --git a/client/src/main.js b/client/src/main.js
new file mode 100644
index 0000000..d91572f
--- /dev/null
+++ b/client/src/main.js
@@ -0,0 +1,9 @@
+import {createApp} from 'vue';
+import App from './App.vue';
+import router from './router';
+import store from './store';
+
+createApp(App)
+  .use(store)
+  .use(router)
+  .mount('#app');
diff --git a/client/src/router/index.js b/client/src/router/index.js
new file mode 100644
index 0000000..22d739e
--- /dev/null
+++ b/client/src/router/index.js
@@ -0,0 +1,23 @@
+import {createRouter, createWebHistory} from 'vue-router';
+import Home from '../views/Home.vue';
+import ExamplePage from '../views/ExamplePage.vue';
+
+const routes = [
+  {
+    path: '/',
+    name: 'Home',
+    component: Home
+  },
+  {
+    path: '/example',
+    name: 'Example',
+    component: ExamplePage
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(process.env.BASE_URL),
+  routes
+})
+
+export default router
diff --git a/client/src/store/index.js b/client/src/store/index.js
new file mode 100644
index 0000000..5f05f19
--- /dev/null
+++ b/client/src/store/index.js
@@ -0,0 +1,12 @@
+import { createStore } from 'vuex'
+
+export default createStore({
+  state: {
+  },
+  mutations: {
+  },
+  actions: {
+  },
+  modules: {
+  }
+})
diff --git a/client/src/views/ExamplePage.vue b/client/src/views/ExamplePage.vue
new file mode 100644
index 0000000..1cb803e
--- /dev/null
+++ b/client/src/views/ExamplePage.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Example Page.
+  </div>
+</template>
diff --git a/client/src/views/Home.vue b/client/src/views/Home.vue
new file mode 100644
index 0000000..77ed4e4
--- /dev/null
+++ b/client/src/views/Home.vue
@@ -0,0 +1,15 @@
+<template>
+  <div>
+    <ExampleComponent msg="Example text inside example component."/>
+  </div>
+</template>
+
+<script>
+import ExampleComponent from '@/components/ExampleComponent';
+export default {
+  name: 'Home',
+  components: {
+    ExampleComponent
+  }
+}
+</script>