From b53de384fb235155e48ab505719d65ee5f2fbe03 Mon Sep 17 00:00:00 2001
From: Mateja <mail@matejamaric.com>
Date: Thu, 8 Jul 2021 17:21:03 +0200
Subject: Added frontend boilerplate...

---
 client/src/App.vue                         |  9 +++++++++
 client/src/components/ExampleComponent.vue | 14 ++++++++++++++
 client/src/main.js                         |  9 +++++++++
 client/src/router/index.js                 | 23 +++++++++++++++++++++++
 client/src/store/index.js                  | 12 ++++++++++++
 client/src/views/ExamplePage.vue           |  5 +++++
 client/src/views/Home.vue                  | 15 +++++++++++++++
 7 files changed, 87 insertions(+)
 create mode 100644 client/src/App.vue
 create mode 100644 client/src/components/ExampleComponent.vue
 create mode 100644 client/src/main.js
 create mode 100644 client/src/router/index.js
 create mode 100644 client/src/store/index.js
 create mode 100644 client/src/views/ExamplePage.vue
 create mode 100644 client/src/views/Home.vue

(limited to 'client/src')

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>
-- 
cgit v1.2.3