9 changed files with 28 additions and 55 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -2,22 +2,9 @@
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 #### [0.4.0](https://git.odit.services/lfk/selfservice/compare/0.3.1...0.4.0)
 - Merge pull request 'bugfix/27-route-matching' (#28) from bugfix/27-route-matching into dev [`#27`](https://git.odit.services/lfk/selfservice/issues/27)
 - added missing routes [`f603e53`](https://git.odit.services/lfk/selfservice/commit/f603e531512a2245ea2fe41304eb039080bcba28)
 - added env config instructions [`ba604f7`](https://git.odit.services/lfk/selfservice/commit/ba604f77e9ce770e60f032cf393a5987a0401fbe)
 - Home - route fixes [`c178932`](https://git.odit.services/lfk/selfservice/commit/c178932d943e08168fa6be39eb0a1d7e4a25824a)
 - route fix for favicon + background [`106bf4c`](https://git.odit.services/lfk/selfservice/commit/106bf4c0ff07fe847f98aa250230f2a272f55a04)
 - favicon fix [`63d9ee2`](https://git.odit.services/lfk/selfservice/commit/63d9ee2f867e42ecd23ca1d48d59b6deb7458d76)
 - load main.js as deferred [`2e7a718`](https://git.odit.services/lfk/selfservice/commit/2e7a718daa7ca607622e3e339bdb85f5c64cfcf0)
 #### [0.3.1](https://git.odit.services/lfk/selfservice/compare/0.3.0...0.3.1)
 > 31 March 2021
 - 🐞 fixed Vite/ Tailwind build [`27b81d8`](https://git.odit.services/lfk/selfservice/commit/27b81d87aeb907f6c3d35ea6f55b4fe56c1e79b4)
 - 🚀Bumped version to v0.3.1 [`6e0bf56`](https://git.odit.services/lfk/selfservice/commit/6e0bf56289852cda0c30325f4b8ca7826386abf4)
 #### [0.3.0](https://git.odit.services/lfk/selfservice/compare/0.2.0...0.3.0)
--- a/README.md
+++ b/README.md
@ -4,7 +4,7 @@ runner selfservice portal
 ## ⚡ Development
 ### Requirements
- Node.js v14.16.0 or newer
+- Node.js v14.15.0 or newer
 - yarn package manager >= v1.22.10 < 2
 ### Recommended Extensions
@ -14,17 +14,9 @@ runner selfservice portal
 ### Fastest Dev Environment
 - You can install the [Remote - Containers](https://github.com/Microsoft/vscode-remote-release) extension and use all recommended extensions and editor settings via the provided `./devcontainer/` config
-### Manual Dev Environment
+## 🔨 environment config
 ```
 yarn && yarn dev --open
 ```
 ## 🔨 Environment config
 - copy the `/public/env.sample.js` file to `/public/env.js`
 - set the required environment variables
  - `documentserver_key`: url to the [document server](https://git.odit.services/lfk/document-server) instance
-  - `baseurl`: url to the main lfk instance - WITH TRAILING SLASH
+  - `baseurl`: url to the main instance
  - see [@lfk/deployment](https://git.odit.services/lfk/deployment) for a complete deployment guide
  - `baseurl_selfservice`: location of the selfservice instance - WITH TRAILING SLASH
    - e.g. path: `/selfservice/`
    - e.g. url: `https://example.com/selfservice/`
--- a/index.html
+++ b/index.html
@ -11,7 +11,7 @@
 <body class="dark:bg-gray-900 text-black dark:text-white p-0">
  <div id="app"></div>
  <script src="/env.js"></script>
-  <script defer type="module" src="/src/main.js"></script>
+  <script type="module" src="/src/main.js"></script>
 </body>
 </html>
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@odit/lfk-selfservice",
-	"version": "0.4.0",
+	"version": "0.3.1",
 	"scripts": {
 		"dev": "vite",
 		"build": "vite build",
--- a/public/env.sample.js
+++ b/public/env.sample.js
@ -1,10 +1,10 @@
 const config = {
 	// required
 	documentserver_key: '',
-	// required, with trailing slash
+	// required
 	baseurl: '',
-	// optional, will fallback to /selfservice/
+	// optional, will fallback to /selfservice
-	baseurl_selfservice: '/selfservice/',
+	baseurl_selfservice: '/selfservice',
 	// optional, will fallback to /imprint
 	url_imprint: '',
 	// optional, will fallback to /privacy
--- a/src/App.vue
+++ b/src/App.vue
@ -3,3 +3,7 @@
    <router-view></router-view>
  </main>
 </template>
 <script setup>
 config.baseurl_selfservice = (config.baseurl_selfservice || "/selfservice");
 </script>
--- a/src/routes.js
+++ b/src/routes.js
@ -1,24 +1,16 @@
-// import EnvError from './components/EnvError.vue';
+import EnvError from './components/EnvError.vue';
 import Home from './views/Home.vue';
 import Imprint from './views/Imprint.vue';
 import Privacy from './views/Privacy.vue';
 import Register from './views/Register.vue';
 import Profile from './views/Profile.vue';
 import ProfileNone from './views/ProfileNone.vue';
 console.log(config);
 /** @type {import('vue-router').RouterOptions['routes']} */
 export const routes = [
-	{ path: config.baseurl_selfservice + '', component: Home },
+	{ path: '/', component: Home },
-	{ path: config.baseurl_selfservice + 'imprint', component: Imprint },
+	{ path: '/imprint', component: Imprint },
-	{ path: config.baseurl_selfservice + 'imprint/', component: Imprint },
+	{ path: '/privacy', component: Privacy },
-	{ path: config.baseurl_selfservice + 'privacy', component: Privacy },
+	{ path: '/register', component: Register },
-	{ path: config.baseurl_selfservice + 'privacy/', component: Privacy },
+	{ path: '/register/:token', component: Register, props: true },
-	{ path: config.baseurl_selfservice + 'register', component: Register },
+	{ path: '/profile/:token', component: Profile, props: true }
 	{ path: config.baseurl_selfservice + 'register/', component: Register },
 	{ path: config.baseurl_selfservice + 'register/:token', component: Register, props: true },
 	{ path: config.baseurl_selfservice + 'profile', component: Profile },
 	{ path: config.baseurl_selfservice + 'profile/', component: ProfileNone },
 	{ path: config.baseurl_selfservice + 'profile/:token', component: Profile, props: true }
 ];
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@ -1,5 +1,5 @@
 <template>
-  <div class="bg-cover bg-fixed m-0 h-screen" style="background-image: url('./background.jpg');">
+  <div class="bg-cover bg-fixed m-0 h-screen" style="background-image: url('/background.jpg');">
    <section class="container px-4 py-24 mx-auto">
      <div class="w-full mx-auto text-center">
        <img src="/favicon.png" class="h-32 mx-auto" />
@ -9,14 +9,14 @@
        <p class="px-0 mb-6 text-lg text-gray-100 md:text-xl lg:px-24">Selfservice Portal</p>
        <p class="px-0 mb-6 text-md text-gray-100 lg:px-24">{{ $t('main_page_text') }}</p>
        <div class="mt-6 sm:flex place-content-center">
-          <a
+          <router-link
            class="w-full sm:w-auto inline-flex px-6 py-3 border border-transparent text-base font-semibold rounded-md text-gray-900 bg-white shadow-sm hover:text-gray-600 focus:outline-none focus:text-gray-600 transition ease-in-out duration-150 xl:text-lg xl:py-4"
-            href="./register/"
+            to="/register"
-          >{{ $t('register_now') }}</a>
+          >{{ $t('register_now') }}</router-link>
-          <a
+          <router-link
-            href="./profile/"
+            to="/profile"
            class="mt-4 sm:ml-4 sm:mt-0 w-full sm:w-auto inline-flex px-6 py-3 border border-transparent text-base font-semibold rounded-md text-white bg-gray-800 shadow-sm hover:bg-gray-700 focus:outline-none focus:bg-gray-700 transition ease-in-out duration-150 xl:text-lg xl:py-4"
-          >{{ $t('view_my_data') }}</a>
+          >{{ $t('view_my_data') }}</router-link>
        </div>
      </div>
    </section>
@ -26,5 +26,4 @@
 <script setup>
 import Footer from "@/components/Footer.vue";
 console.log(config);
 </script>
--- a/src/views/ProfileNone.vue
+++ b/src/views/ProfileNone.vue
@ -1 +0,0 @@
 <template>You have not provided a valid access key...</template>
		`@ -1 +0,0 @@`
			`<template>You have not provided a valid access key...</template>`