Adds subscriptions

This commit is contained in:
Jonathan Bourdon
2024-08-04 03:02:50 -04:00
parent 78ead7e387
commit d23c565770
9 changed files with 190 additions and 75 deletions

View File

@@ -0,0 +1,35 @@
<script setup>
import {useSubscriptionStore} from "@/stores/subscriptionStore.js";
const subscriptionStore = useSubscriptionStore()
</script>
<template>
<template v-if="Object.keys(subscriptionStore.subscriptions).length > 0">
<template v-for="subscription in subscriptionStore.subscriptions">
<RouterLink :to="`/@${subscription.creatorName}`">
<div class="flex items-center content-center font-sans font-semibold pt-2">
<img :src="subscription.creatorPortraitUrl"
alt="Profile Image"
class="rounded-full mx-2"
width="32px"
height="32px">
{{ subscription.creatorName }}
</div>
</RouterLink>
</template>
</template>
<template v-else>
<slot>
<span>Placeholder when there are no subscriptions</span>
</slot>
</template>
</template>