isl-vue3/src/App.vue
Annika Merris 255f15798a Many Changes
Added a 'default' image for spots where one is missing. Not the best solution, but it looks better on the site.
Cleaned up my code to avoid some duplication.
Added better 'Select All' logic to the event filter.
2024-01-23 18:33:55 -05:00

30 lines
782 B
Vue

<script setup lang="ts">
import { RouterView } from 'vue-router'
import GlobalHeader from '@/components/GlobalHeader.vue'
import { storeToRefs } from 'pinia'
import { usePowerItems } from './stores/powerItems'
import { computed } from 'vue'
const { blessingPowerItems, fellowPowerItems, intimacyPowerItems } = storeToRefs(usePowerItems())
const isLoaded = computed(
() =>
!blessingPowerItems.value.keys().next().done &&
!fellowPowerItems.value.keys().next().done &&
!intimacyPowerItems.value.keys().next().done
)
</script>
<template>
<v-app>
<GlobalHeader />
<v-main class="d-flex">
<RouterView v-if="isLoaded" />
</v-main>
<v-footer app>
<div>Copyright Annika Merris 2024</div>
</v-footer>
</v-app>
</template>
<style></style>