Fix a couple bugs

This commit is contained in:
Matt Isenhower 2023-02-15 08:17:43 -08:00
parent de83cb0417
commit 82ad7a6c97

View File

@ -2,7 +2,7 @@
<MainLayout :title="$t('festival.title')">
<div class="grow flex items-center justify-center">
<div class="mx-4 md:mx-12 w-full space-y-10">
<div v-for="festival in festivalsWithResults" class="flex flex-wrap items-center justify-center gap-y-6 md:gap-x-6">
<div v-for="festival in festivalsWithResults" :key="festival.id" class="flex flex-wrap items-center justify-center gap-y-6 md:gap-x-6">
<SplatfestBox
:festival="festival"
class="max-w-md md:-rotate-1"
@ -18,7 +18,7 @@
</div>
</MainLayout>
</template>
<script setup>
import { computed } from 'vue';
import MainLayout from '@/layouts/MainLayout.vue'
@ -27,6 +27,6 @@ import { useUSSplatfestsStore } from '@/stores/splatfests';
import SplatfestBox from '../components/SplatfestBox.vue';
import SplatfestResultsBox from '../components/SplatfestResultsBox.vue';
const usSplatfests = useUSSplatfestsStore();
const festivalsWithResults = computed(() => usSplatfests.festivals.filter(f => f.hasResults));
const festivalsWithResults = computed(() => usSplatfests.festivals?.filter(f => f.hasResults));
</script>