Code-Create/src/pages/events/index.vue

<script setup lang="ts">
import Swiper from './swiper.vue'
import AllEvents from './all-events.vue'

defineExpose({})
</script>
<template>
	<div class="events">
		<div class="placeholder"></div>
		<Swiper />
		<AllEvents />
	</div>
</template>
<style lang="less" scoped>
	.events{
		.placeholder{
			height: var(--main-header-height, 100px);
			width: 100%;
			position: sticky;
			top: 0;
			background-color: #000;
		}
	}
</style>