1  <script setup>
 2  import { storeToRefs } from 'pinia'
 3  import { useRequestsStore } from '@/stores/requests'
 4  import NotFound from '@/components/NotFound.vue'
 5  import SkeletonLoading from '@/components/SkeletonLoading.vue'
 6  import { computed } from 'vue'
 7  
 8  const requestsStore = useRequestsStore()
 9  const { loading, requests } = storeToRefs(requestsStore)
10  const isLoading = computed(() => loading.value.past || !requests.value)
11  </script>
12  
13  <template>
14    <div>
15      <SkeletonLoading v-if="isLoading" type="text" />
16      <NotFound v-else></NotFound>
17    </div>
18  </template>