ptitlutins/app/pages/index.vue
2025-09-27 04:05:48 +02:00

36 lines
741 B
Vue

<template>
<!-- <div class="flex col gap-medium">
<h1 class="main-title">{{ $t("index.title") }}</h1>
<Button
:label="$t('index.main_create_journey_button')"
size="lg"
color="primary"
></Button>
</div> -->
<Voyage/>
<ModalVoyageCreation open @submit="createVoyage"></ModalVoyageCreation>
</template>
<script setup>
const { locales, setLocale } = useI18n()
const voyagesLinksStore = useVoyagesLinksStore()
const createVoyage = async (voyage) => {
await voyagesLinksStore.createVoyage(voyage)
const id = voyagesLinksStore.currentVoyageLink.id
navigateTo(`/voyages/${id}`)
}
</script>
<style lang="css" scoped>
h1 {
text-align: center;
}
button {
margin: auto;
display: block;
}
</style>