42 lines
991 B
Vue
42 lines
991 B
Vue
<template>
|
|
<AppContent>
|
|
<EmptyContent
|
|
v-if="!getFavorites.length"
|
|
:description="
|
|
t('repod', 'Pin some subscriptions to see their latest updates')
|
|
"
|
|
:name="t('repod', 'No favorites')">
|
|
<template #icon>
|
|
<StarOffIcon />
|
|
</template>
|
|
</EmptyContent>
|
|
<ul v-if="getFavorites.length">
|
|
<li v-for="url in getFavorites.map((fav) => fav.url)" :key="url">
|
|
<Favorites :url="url" />
|
|
</li>
|
|
</ul>
|
|
</AppContent>
|
|
</template>
|
|
|
|
<script>
|
|
import AppContent from '../components/Atoms/AppContent.vue'
|
|
import EmptyContent from '../components/Atoms/EmptyContent.vue'
|
|
import Favorites from '../components/Feed/Favorites.vue'
|
|
import StarOffIcon from 'vue-material-design-icons/StarOff.vue'
|
|
import { mapState } from 'pinia'
|
|
import { useSubscriptions } from '../store/subscriptions.js'
|
|
|
|
export default {
|
|
name: 'Home',
|
|
components: {
|
|
AppContent,
|
|
EmptyContent,
|
|
Favorites,
|
|
StarOffIcon,
|
|
},
|
|
computed: {
|
|
...mapState(useSubscriptions, ['getFavorites']),
|
|
},
|
|
}
|
|
</script>
|