mirror of
https://forgejo.merr.is/annika/isl-vue3.git
synced 2025-12-18 20:07:42 -05:00
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.
30 lines
782 B
Vue
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>
|