feat: Add access stats, fix bugs from change in api

Author: Xylobyte

src/App.vue

@@ -24,6 +24,8 @@
 	};
 
 	onMounted(() => {
+		XylobyteAPI.logAccess();
+
 		setTimeout(() => {
 			//console.clear();
 			console.log('Bienvenue sur la console dev de');

src/api/XylobyteAPI.ts

@@ -5,19 +5,18 @@ import axios from 'axios';
 
 export class XylobyteAPI {
 	static getHardSkills = async (): Promise<HardSkills> =>
-		await fetchData('https://api.xylobyte.com/v1/website/hardskills');
+		await fetchData('http://127.0.0.1:3000/v1/website/hardskills');
 
 	static getSoftSkills = async (): Promise<SoftSkill[]> =>
-		await fetchData('https://api.xylobyte.com/v1/website/softskills');
+		await fetchData('http://127.0.0.1:3000/v1/website/softskills');
 
 	static getLanguagesSkills = async (): Promise<LanguageSkill[]> =>
-		await fetchData('https://api.xylobyte.com/v1/website/languages-skills');
+		await fetchData('http://127.0.0.1:3000/v1/website/languages-skills');
 
-	static getProjects = async (): Promise<Project[]> =>
-		await fetchData('https://api.xylobyte.com/v1/website/projects');
+	static getProjects = async (): Promise<Project[]> => await fetchData('http://127.0.0.1:3000/v1/website/projects');
 
 	static sendContactRequest = async (data: ContactRequestData) => {
-		const response = await fetch('https://api.xylobyte.com/v1/website/contact', {
+		const response = await fetch('http://127.0.0.1:3000/v1/website/contact', {
 			body: JSON.stringify(data),
 			method: 'POST',
 			cache: 'no-cache',
@@ -37,7 +36,11 @@ export class XylobyteAPI {
 	};
 
 	static getTexts = async (lang: string): Promise<XylobyteText[]> =>
-		await fetchData(`https://api.xylobyte.com/v1/website/texts?lang=${lang}`);
+		await fetchData(`http://127.0.0.1:3000/v1/website/texts?lang=${lang}`);
+
+	static logAccess = async () => {
+		await axios.post('http://127.0.0.1:3000/v1/admin/access-stats/portfolio');
+	};
 }
 
 const fetchData = async (url: string) => {

src/api/skills.types.ts

@@ -25,7 +25,7 @@ export interface Project {
 		from: { year: number; month: number };
 		to?: { year: number; month: number };
 	};
-	skills: { name: string }[];
+	skills: string[];
 	featured?: boolean;
 	type?: 'perso' | 'pro' | 'school';
 }

src/components/ProjectCardComponent.vue

@@ -66,8 +66,8 @@
 				<section v-if="!props.isOpen" class="skills flex row gap5 wrap">
 					<SkillItemComponent
 						v-for="skill in props.project.skills.slice(0, 3)"
-						:key="skill.name"
-						:text="skill.name"
+						:key="skill"
+						:text="skill"
 						type="hard"
 					/>
 				</section>
@@ -170,8 +170,8 @@
 										v-for="skill in props.isOpen
 											? props.project.skills
 											: props.project.skills.slice(0, 3)"
-										:key="skill.name"
-										:text="skill.name"
+										:key="skill"
+										:text="skill"
 										type="hard"
 									/>
 								</section>

src/components/ScrollToTopComponent.vue

@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script lang="ts" setup>
 	import { useScroll } from '@vueuse/core';
 	import { ArrowUpToLine } from 'lucide-vue-next';
 
@@ -7,11 +7,11 @@
 
 <template>
 	<div :class="{ top: y < 500 }" class="scroll-top flex a-center j-center transition-all only-desktop" @click="y = 0">
-		<ArrowUpToLine class="transition-transform" :size="25" />
+		<ArrowUpToLine :size="25" class="transition-transform" />
 	</div>
 </template>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 	.scroll-top {
 		position: fixed;
 		bottom: 20px;
@@ -22,6 +22,7 @@
 		background-color: var(--light-primary-color);
 		padding: 10px 16px;
 		border-radius: var(--small-border-radius);
+		z-index: 2;
 
 		&.top {
 			opacity: 0.2;