<script setup lang="ts"> import type { mastodon } from 'masto' const props = defineProps<{ card: mastodon.v1.PreviewCard /** For the preview image, only the small image mode is displayed */ smallPictureOnly?: boolean /** When it is root card in the list, not appear as a child card */ root?: boolean }>() const providerName = props.card.providerName const gitHubCards = usePreferences('experimentalGitHubCards') </script> <template> <LazyStatusPreviewGitHub v-if="gitHubCards && providerName === 'GitHub'" :card="card" /> <LazyStatusPreviewStackBlitz v-else-if="gitHubCards && providerName === 'StackBlitz'" :card="card" :small-picture-only="smallPictureOnly" :root="root" /> <StatusPreviewCardNormal v-else :card="card" :small-picture-only="smallPictureOnly" :root="root" /> </template>