Selector/Selector.Web/Pages/Now.cshtml

@page
@model NowModel
@{
    ViewData["Title"] = "Now";
}

<div class="text-center">
    <h1 class="display-4">Now</h1>
    <div id="app">
        <now-playing-card :track="currentlyPlaying.track" v-if="currentlyPlaying !== null && currentlyPlaying !== undefined"></now-playing-card>
        <now-playing-card v-else></now-playing-card>

        <popularity :track="currentlyPlaying.track" v-if="currentlyPlaying !== null && currentlyPlaying !== undefined && currentlyPlaying.track != null && currentlyPlaying.track != undefined" />
        <info-card v-for="card in cards" :html="card.html" />
    </div>
</div>

@section Scripts {
    <script type="module" src="~/js/now.bundle.js"></script>
}