Added Tour Navigator

This commit is contained in:
2025-10-21 23:13:32 +10:00
parent ef9318b5a3
commit 9b470e07d4
9 changed files with 471 additions and 149 deletions

View File

@@ -2,16 +2,16 @@
import { usePage } from "@inertiajs/vue3";
import AppLayout from "@/layouts/AppLayout.vue";
import TourOverviewSection from "./TourOverviewSection.vue";
import type { Tour } from "@/types";
import type {Tour, TourDay} from "@/types";
import TourQuickFacts from "@/components/TourNavigator/TourQuickFacts.vue";
import SectionTitle from "@/components/dredgy/SectionTitle.vue";
interface Properties {
tour: Tour;
nextHref?: string | null;
tourDay: TourDay
}
const { tour, nextHref } = usePage().props as unknown as Properties;
const { tour, tourDay} = usePage().props as unknown as Properties;
defineOptions({
layout: AppLayout,
@@ -19,18 +19,8 @@ defineOptions({
</script>
<template>
<section class="tour-overview-section">
<SectionTitle
title=""
:gradient="tour.name"
:subtitle="tour.short_description ?? ''"
/>
</section>
<TourOverviewSection :tour="tour" />
<TourOverviewSection :tourDay="tourDay" :tour="tour" />
</template>
<style scoped>
.tour-overview-section{
margin-top: 10dvh;
}
</style>