diff --git a/index.html b/index.html index 783dc85..8a98ae3 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@ Lauf für Kaya! - Selfservice - +
diff --git a/package.json b/package.json index f6c573f..dfec107 100644 --- a/package.json +++ b/package.json @@ -10,17 +10,18 @@ "got": "^11.8.1", "redaxios": "^0.4.1", "toastify-js": "^1.9.3", - "vue": "^3.0.5" + "vue": "^3.0.5", + "vue-router": "4" }, "devDependencies": { - "@vitejs/plugin-vue": "^1.0.4", + "@vitejs/plugin-vue": "^1.1.4", "@vue/compiler-sfc": "^3.0.5", "autoprefixer": "^10.2.4", "postcss": "^8.2.6", "release-it": "^14.4.1", "tailwindcss": "^2.0.3", - "vite": "^2.0.0-beta.7", - "vite-plugin-windicss": "^0.1.16" + "vite": "^2.0.2", + "vite-plugin-windicss": "^0.5.0" }, "release-it": { "git": { diff --git a/public/background.jpg b/public/background.jpg new file mode 100644 index 0000000..0a8af64 Binary files /dev/null and b/public/background.jpg differ diff --git a/src/App.vue b/src/App.vue index 5da326f..b3dbe9d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,42 +1,9 @@ \ No newline at end of file diff --git a/src/components/Home.vue b/src/components/Home.vue new file mode 100644 index 0000000..c59d6dc --- /dev/null +++ b/src/components/Home.vue @@ -0,0 +1,32 @@ + + + \ No newline at end of file diff --git a/src/components/Profile.vue b/src/components/Profile.vue new file mode 100644 index 0000000..89e579e --- /dev/null +++ b/src/components/Profile.vue @@ -0,0 +1,288 @@ + + + \ No newline at end of file diff --git a/src/components/Register.vue b/src/components/Register.vue new file mode 100644 index 0000000..ef0c89a --- /dev/null +++ b/src/components/Register.vue @@ -0,0 +1,112 @@ + + + \ No newline at end of file diff --git a/src/main.js b/src/main.js index c55597f..640fb1b 100644 --- a/src/main.js +++ b/src/main.js @@ -1,6 +1,21 @@ import { createApp } from 'vue'; +import { createWebHashHistory, createRouter } from 'vue-router'; import App from './App.vue'; import 'windi.css'; import 'toastify-js/src/toastify.css'; -createApp(App).mount('#app'); +// --------------- +const Home = import('./components/Home.vue'); +const Register = import('./components/Register.vue'); +const Profile = import('./components/Profile.vue'); +// +const router = createRouter({ + history: createWebHashHistory(), + routes: [ + { path: '/', component: Home }, + { path: '/register', component: Register }, + { path: '/profile', component: Profile } + ] +}); +// --------------- +createApp(App).use(router).mount('#app');