<script setup lang="ts">
import Base from "@/views/Base.vue";
import PlayIcon from "@/components/PlayIcon.vue";
import ExternalIcon from "@/components/ExternalIcon.vue";
import LocationIcon from "@/components/LocationIcon.vue";
import Error from "@/components/Error.vue";
import Station from "@/components/Station.vue";
import { api, store } from "@";
import { ref, onMounted, onUnmounted } from "vue";

const player = store.usePlayer();
const error = ref(null);

onMounted(async () => {
    await player.refreshStations(error);
});
</script>

<template>
    <Base>
    <Error :value="error" />
    <Station :stationInfo="station" v-for="station in player.stations" />
    </Base>
</template>
