Files
aranroig.com/frontend/app/pages/index.vue
BinarySandia04 45404157b3
Some checks failed
Build and Deploy Nuxt / build (push) Failing after 2m1s
Backend integrated?
2026-03-17 19:48:05 +01:00

73 lines
2.8 KiB
Vue

<script setup lang="ts">
import api from '~/composables/api'
const { get, post } = api();
onMounted(async () => {
try {
console.log("Getting")
const response = await get('/test');
console.log('API Response:', response);
} catch (error) {
console.error('API Error:', error);
}
});
</script>
<template>
<h1>ARANROIG.COM</h1>
<Container>
<Sprite path="/sprites/alfadir/" frames="1" fps="1" top="-369px" right="-80px" width="800"></Sprite>
<p>Hi, I'm Aran!
<br>Welcome to my website! It is still under intense development, so I recommend to come back later!
</p>
<ul>
<li>You can check my resume <a href="https://cv.aranroig.com">here</a></li>
<li>Or check out my projects on <a href="https://github.com/BinarySandia04">GitHub</a></li>
</ul>
<br>
</Container>
<!--
<div class="two-columns">
<Container style="flex-basis: 70%">
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
</Container>
<Container style="flex-basis: 30%">
Test Lorem ipsum
</Container>
</div>
<div class="two-columns">
<Container style="flex-basis: 70%">
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
</Container>
<Container style="flex-basis: 30%">
Test Lorem ipsum
</Container>
</div>
<div class="two-columns">
<Container style="flex-basis: 70%">
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
Test Lorem ipsum dolor sit amet idk doctor professor idk djdaksjdkasj dmsakjdkj blablabla
</Container>
<Container style="flex-basis: 30%">
Test Lorem ipsum
</Container>
</div>
-->
</template>
<style lang="scss" scoped>
.two-columns {
display: flex;
width: 100%;
}
</style>