Whole site refactor. Added pinia stores and authentication capability.

This commit is contained in:
2024-06-27 09:24:47 +02:00
parent 93c015fcb7
commit 87c8579e9e
18 changed files with 717 additions and 258 deletions

View File

@@ -0,0 +1,50 @@
<script setup lang="ts">
import { axiosInstance } from '@/main'
import type { VueCookies } from 'vue3-cookies/dist/interfaces'
import { inject } from 'vue'
const emit = defineEmits(['close']);
function sendLogin() {
emit('close');
axiosInstance.post('/login', {
username: 'testowyj',
password: 'beihiegei5Fied0b'
}, {
withCredentials: true
});
const $cookies = inject<VueCookies>('$cookies');
console.log($cookies);
}
</script>
<template>
<div>
<div class="modal is-active">
<div class="modal-background"></div>
<div class="modal-card p-3">
<header class="modal-card-head">
<p class="modal-card-title">Logowanie</p>
<button class="delete" aria-label="close" @click="$emit('close')"></button>
</header>
<section class="modal-card-body">
<form>
</form>
</section>
<footer class="modal-card-foot">
<div class="buttons">
<button class="button is-success" @click="sendLogin">Zaloguj się</button>
<button class="button" @click="$emit('close')">Anuluj</button>
</div>
</footer>
</div>
</div>
</div>
</template>
<style scoped>
</style>